Commit 593b8a91 authored by lijiongliang's avatar lijiongliang

页面样式修改

parent fd3c1d0e
......@@ -103,7 +103,8 @@ export default {
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
color: rgba(225, 37, 27, 1);
// color: rgba(225, 37, 27, 1);
color: #1C8CE8;
}
.weui-tabbar__icon {
display: inline-block;
......
......@@ -6,7 +6,7 @@
<view class="swiper">
<image src="../static/index/banner.png"></image>
<view>
<u-swiper radius="16rpx" :height="130" :list="list5" circular @change="e => current = e.current"
<u-swiper radius="0 16rpx 16rpx 16rpx" :height="130" :list="list5" circular @change="e => current = e.current"
:autoplay="true" keyName="imageUrl" @click="goOtherLink">
<view slot="indicator" class="indicator">
<view class="indicator__dot" v-for="(item, index) in list5" :key="index"
......@@ -19,7 +19,7 @@
<view class="banner">
<view class="banner-img">
<image src="http://jdnc-oss.uzosp.com/2022/06/18/9680b34d2b57444fbc212fcf27a43ffe.jpg"></image>
<image src="http://jdnc-oss.uzosp.com/2022/06/23/d868a11f485448efb960d436a2159d78.png"></image>
<view class="left" @click="goJdShop(1)">
<view class="banner-btn">
<image src="../static/index/ban-btn.png"></image>
......
......@@ -156,13 +156,15 @@
<style lang="scss">
.moveCar {
height:100vh;
background-color: #fff;
.move_car__content {
padding: 40rpx;
.menu__top {
height: 220rpx;
background: #FFFFFF;
border: 1rpx solid #EFE7E7;
// background: #FFFFFF;
// border: 1rpx solid #EFE7E7;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
border-radius: 20rpx;
margin-bottom: 30rpx;
......@@ -172,7 +174,8 @@
justify-content: center;
box-sizing: border-box;
padding: 45rpx 0;
background: url('@/static/move-car/move-car-bg.png') no-repeat center;
background-size:100% 100%;
>div {
width: 100%;
text-align: center;
......@@ -189,7 +192,7 @@
font-size: 40rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
color: #1B50E6;
line-height: 42rpx;
}
}
......@@ -202,8 +205,8 @@
.list__items {
width: 325rpx;
height: 220rpx;
background: #FFFFFF;
border: 1rpx solid #EFE7E7;
// background: #FFFFFF;
// border: 1rpx solid #EFE7E7;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
border-radius: 20rpx;
display: flex;
......@@ -213,6 +216,8 @@
box-sizing: border-box;
padding: 45rpx 0;
margin-bottom: 30rpx;
background: url('@/static/move-car/move-car-bg2.png') no-repeat center;
background-size:100% 100%;
>div {
width: 100%;
......@@ -230,12 +235,14 @@
font-size: 40rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
color: #1B50E6;
line-height: 42rpx;
}
}
.list__items:nth-of-type(2) {
background: url('@/static/move-car/move-car-bg3.png') no-repeat center;
background-size:100% 100%;
>div:nth-of-type(1) {
image {
width: 55rpx;
......@@ -245,6 +252,8 @@
}
.list__items:nth-of-type(3) {
background: url('@/static/move-car/move-car-bg4.png') no-repeat center;
background-size:100% 100%;
>div:nth-of-type(1) {
image {
width: 58rpx;
......@@ -255,6 +264,8 @@
}
.list__items:nth-of-type(4) {
background: url('@/static/move-car/move-car-bg5.png') no-repeat center;
background-size:100% 100%;
>div:nth-of-type(1) {
image {
width: 54rpx;
......
......@@ -10,7 +10,7 @@
<div class="ps__info">
<div class="info__cover">
<image v-if="avatar" :src="avatar" />
<image v-else src="@/static/my/my2.jpg" />
<image v-else src="http://jdnc-oss.uzosp.com/2022/06/23/c53258e744fd43e2bddca70511a94e2e.png" />
</div>
<div>
<div class="info__name">{{userInfo.nickName || '默认昵称'}}</div>
......@@ -53,7 +53,7 @@
</div>
</div>
</div>
<div class="ps__btn" v-if="logoutFlag" @click="loginOut">退出登录</div>
<div class="ps__btn" v-if="token" @click="loginOut">退出登录</div>
</view>
<u-gap bgColor="transparent" height="70"></u-gap>
</view>
......@@ -65,7 +65,7 @@ export default {
data() {
return {
show:false,
logoutFlag : true,
logoutFlag : false,
menu: [
// {
// icon: require("@/static/my/my01.png"),
......@@ -122,6 +122,7 @@ export default {
userInfo: null,
//头像
avatar: '',
token:null
}
},
methods: {
......@@ -132,6 +133,7 @@ export default {
};
this.http.httpTokenRequest(opts, {}).then(res => {
if (res.data.code == 200) {
this.token = null
uni.removeStorageSync('userToken')
uni.removeStorageSync('xcxIndexPath')
// uni.removeStorageSync('openid')
......@@ -327,7 +329,10 @@ export default {
setTimeout(() => {
this.show=true
}, 100);
this.token = uni.getStorageSync('userToken');
if(this.token){
this.getUserInfo()
}
},
onReady: function () {
uni.setNavigationBarTitle({
......@@ -340,7 +345,7 @@ export default {
<style lang="scss" scoped>
.personal {
.ps__bg {
background: url('http://euzhi.com/my15.png') no-repeat;
background: url('@/static/my/my-bg.png') no-repeat;
background-size: cover;
z-index: 999;
padding-bottom:50rpx;
......@@ -361,16 +366,19 @@ export default {
position: relative;
.info__cover {
width: 130rpx;
height: 130rpx;
width: 170rpx;
height: 170rpx;
text-align: center;
background: url('@/static/my/my10.png') no-repeat;
background-size: contain;
background-size: 100% 100%;
margin-right: 32rpx;
image {
width: 130rpx;
height: 130rpx;
border-radius: 50%;
position: relative;
top:16rpx;left:-5rpx;
}
}
......
......@@ -232,14 +232,14 @@ export default {
}
.love__btn {
height: 76rpx;
height: 86rpx;
background: url('@/static/move-car/love-car4.png') no-repeat;
background-size: contain;
background-size: 100% 100%;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 76rpx;
line-height: 70rpx;
text-align: center;
// position: fixed;
// width: 670rpx;
......@@ -248,7 +248,8 @@ export default {
width: 30rpx;
height: 30rpx;
margin-right: 20rpx;
position: relative;
top:4rpx;
}
}
......
......@@ -51,8 +51,13 @@ export default {
})
},
getMoveCode(){
uni.showLoading({
title: '加载中',
mask:true
});
let opts = { url: '/app/moveCode/' + this.id, method: 'get' };
this.http.httpTokenRequest(opts, {}).then(res => {
uni.hideLoading()
if (res.data.code == 200) {
let data = res.data.data
let list = []
......@@ -158,14 +163,19 @@ export default {
}
.view__no__bind {
background: url('@/static/move-car/move-car-view2.png') no-repeat;
height: 76rpx;
line-height: 76rpx;
// background: url('@/static/move-car/love-car4.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
// background-size: 100% 100%;
background: linear-gradient(-36deg, #1C81E8, #1CA2E8);
border-radius:40rpx;
box-shadow:2rpx 4rpx 6rpx 0 rgba(20, 68, 225, 0.29);
color: rgba(255, 255, 255, 1);
}
.view__back{
background: url('@/static/move-car/move-car-view1.png') no-repeat;
background-size: contain;
background-size: 100% 100%;
color:rgba(153, 153, 153, 1);
}
}
......
......@@ -11,7 +11,7 @@
<div class="top__time">
时间:{{vo.applyDate}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
<div class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}}
</div>
</div>
......@@ -172,6 +172,10 @@
border-radius: 4rpx;
}
.vx_state{
background: #D0FFE2;
color:#00AD42;
}
.phone__state {
background: #ffebd8;
color: rgba(248, 141, 40, 1);
......
......@@ -219,9 +219,13 @@ export default {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #F1251B;
background: url(@/static/move-car/my-move-car2.png) no-repeat;
background-size: contain;
color: #1C8CE8;
box-sizing: border-box;
line-height: 50rpx;
// background: url(@/static/move-car/my-move-car2.png) no-repeat;
// background-size: contain;
border: 2rpx solid #1C8CE8;
border-radius: 28rpx;
}
}
}
......
......@@ -11,7 +11,7 @@
<div class="top__time">
时间:{{vo.applyDate}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
<div class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}}
</div>
</div>
......@@ -179,6 +179,10 @@ export default {
border-radius: 4rpx;
}
.vx_state{
background: #D0FFE2;
color:#00AD42;
}
.phone__state {
background: #ffebd8;
color: rgba(248, 141, 40, 1);
......
......@@ -15,7 +15,7 @@
当前位置:
</div>
<div class="item__value">
{{appBo.detailInfo}}
{{appBo.detailInfo||"阿斯达四大所大多撒所大所大所大所大"}}
<!-- <u--text :text="appBo.detailInfo" color="#333333" height="35" bgColor="#ffffff" fontSize="30rpx" ></u--text> -->
<!-- //todo 这个滚动通知有一个padding的设置项,导致高度增加不少,需要解决 -->
<!-- <u-notice-bar :text="appBo.detailInfo" icon=" " single="true" color="#333333" height="35" bgColor="#ffffff" fontSize="30rpx" ></u-notice-bar> -->
......@@ -463,14 +463,18 @@
font-size: 40rpx;
font-family: PingFang SC;
font-weight: bold;
color: #F1251B;
color: #105DE9;
line-height: 42rpx;
text-align: center;
line-height: 100rpx;
height: 100rpx;
background: url(@/static/move-car/move-car-code5.png) no-repeat;
background-size: contain;
letter-spacing:6rpx;
box-sizing: border-box;
// background: url(@/static/move-car/move-car-code5.png) no-repeat;
// background-size: contain;
border: 2rpx solid #BFE2FF;
box-shadow: 0 0 28rpx 2rpx rgba(232, 232, 232, 0.2);
border-radius: 10rpx;
letter-spacing:8rpx;
}
.item__value {
......@@ -481,10 +485,13 @@
line-height: 1.5;
width: 500rpx;
height: auto;
background: url(@/static/move-car/move-car-code4.png) no-repeat;
background-size: 100% 100%;
// background: url(@/static/move-car/move-car-code4.png) no-repeat;
// background-size: 100% 100%;
display: flex;
box-sizing: border-box;
border: 2rpx solid #EEEEEE;
border-radius: 10rpx;
box-shadow: 0 0 28rpx 2rpx rgba(232, 232, 232, 0.2);
padding:10rpx 20rpx;
align-items: center;
justify-content: space-between;
......@@ -493,6 +500,7 @@
.car_item__one {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30rpx;
}
......@@ -549,14 +557,16 @@
text-align: center;
width: 400rpx;
height: 76rpx;
border-radius: 8rpx;
border-radius: 10rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 700;
color: #FFFFFF;
line-height: 76rpx;
background: url(@/static/move-car/move-car-code7.png) no-repeat;
background-size: 100% 100%;
// background: url(@/static/move-car/move-car-code7.png) no-repeat;
// background-size: 100% 100%;
background: linear-gradient(-36deg, #1C81E8, #1CA2E8);
box-shadow:2rpx 4rpx 6rpx 0 rgba(20, 68, 225, 0.29);
margin: 80rpx auto 30rpx;
&.move-car__wx {
margin:0 auto 80rpx ;
......
......@@ -39,10 +39,11 @@
</view>
{{carInfo.carModel}}
</view>
&gt;
<image class="gt" src="@/static/move-car/move-car-code1.png">
</view>
<view class="right" style="width:500rpx;color: #E1251B;" v-else @click="getCarList">
请选择 &gt;
<view class="right" style="width:500rpx;" v-else @click="getCarList">
<text style="margin-right:10rpx;color:#999;">请选择</text>
<image class="gt" src="@/static/move-car/move-car-code1.png">
</view>
</view>
<!-- <view class="info_list">
......@@ -116,7 +117,7 @@
</view>
<view class="item-input flex align-center">
<input type="number" placeholder="请输入" v-model="model1.verificationCode">
<view class="code" style="color: #F1251B;" v-if="!smsbtn.status" @click="sendCode">
<view class="code" style="color: #105DE9;" v-if="!smsbtn.status" @click="sendCode">
{{smsbtn.text}}
</view>
<view class="code" v-else>
......@@ -162,7 +163,9 @@
</view>
</view>
<view class="love_btn">
<button type="primary" @click="addCar">添加车辆</button>
<button type="primary" @click="addCar">
<image src="@/static/move-car/love-car5.png">添加车辆
</button>
</view>
</view>
</u-popup>
......@@ -506,17 +509,17 @@ export default {
.view__btn {
width: 670rpx;
height: 76rpx;
height: 86rpx;
text-align: center;
line-height: 76rpx;
line-height: 70rpx;
margin: 50rpx auto 0;
font-size: 32rpx;
}
.view__no__bind {
background: url('@/static/move-car/move-car-view2.png') no-repeat;
background: url('@/static/move-car/love-car4.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
background-size: 100% 100%;
color: rgba(255, 255, 255, 1);
}
......@@ -554,10 +557,12 @@ export default {
font-size: 40rpx;
font-family: PingFang SC;
font-weight: bold;
color: #F1251B;
color: #105DE9;
text-align: center;
background: url(@/static/move-car/move-car-code5.png) no-repeat;
background-size: 100% 100%;
// background: url(@/static/move-car/move-car-code5.png) no-repeat;
// background-size: 100% 100%;
border: 2rpx solid #BFE2FF;
border-radius:10rpx;
letter-spacing:6rpx;
view{
font-size: 30rpx;
......@@ -698,6 +703,9 @@ export default {
.car__input{
width: 100%;
}
.gt{
max-width:16rpx !important;height:20rpx !important;
}
}
}
.car_btn{
......@@ -845,10 +853,18 @@ export default {
height:80rpx;
line-height:80rpx;
border-radius:50rpx;
background: linear-gradient(150deg, #E1251B, #E14A1B);
box-shadow: 0 6rpx 13rpx 2rpx rgba(225, 50, 27, 0.17);
// background: linear-gradient(150deg, #E1251B, #E14A1B);
background: linear-gradient(-36deg, #1C81E8, #1CA2E8);
box-shadow:2rpx 4rpx 6rpx 0 rgba(20, 68, 225, 0.29);
// box-shadow: 0 6rpx 13rpx 2rpx rgba(225, 50, 27, 0.17);
border:0;
font-size:32rpx !important;
>image{
width:30rpx;height:30rpx;
margin-right:10rpx;
position: relative;
top:4rpx;
}
}
}
}
......
......@@ -105,17 +105,17 @@ export default {
.view__btn {
width: 670rpx;
height: 76rpx;
height: 86rpx;
text-align: center;
line-height: 76rpx;
line-height: 70rpx;
margin: 0 auto;
font-size: 32rpx;
}
.view__no__bind {
background: url('@/static/move-car/move-car-view2.png') no-repeat;
background: url('@/static/move-car/love-car4.png') no-repeat;
margin-bottom: 30rpx;
background-size: contain;
background-size: 100% 100%;
color: rgba(255, 255, 255, 1);
margin-top: 60rpx;
}
......
static/move-car/love-car1.png

905 Bytes | W: | H:

static/move-car/love-car1.png

456 Bytes | W: | H:

static/move-car/love-car1.png
static/move-car/love-car1.png
static/move-car/love-car1.png
static/move-car/love-car1.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/love-car4.png

18.9 KB | W: | H:

static/move-car/love-car4.png

8.12 KB | W: | H:

static/move-car/love-car4.png
static/move-car/love-car4.png
static/move-car/love-car4.png
static/move-car/love-car4.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/move-car1.png

3.51 KB | W: | H:

static/move-car/move-car1.png

1.41 KB | W: | H:

static/move-car/move-car1.png
static/move-car/move-car1.png
static/move-car/move-car1.png
static/move-car/move-car1.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/move-car2.png

3.17 KB | W: | H:

static/move-car/move-car2.png

1.21 KB | W: | H:

static/move-car/move-car2.png
static/move-car/move-car2.png
static/move-car/move-car2.png
static/move-car/move-car2.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/move-car3.png

5.78 KB | W: | H:

static/move-car/move-car3.png

1.79 KB | W: | H:

static/move-car/move-car3.png
static/move-car/move-car3.png
static/move-car/move-car3.png
static/move-car/move-car3.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/move-car4.png

3.69 KB | W: | H:

static/move-car/move-car4.png

1.32 KB | W: | H:

static/move-car/move-car4.png
static/move-car/move-car4.png
static/move-car/move-car4.png
static/move-car/move-car4.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/move-car6.png

2.42 KB | W: | H:

static/move-car/move-car6.png

680 Bytes | W: | H:

static/move-car/move-car6.png
static/move-car/move-car6.png
static/move-car/move-car6.png
static/move-car/move-car6.png
  • 2-up
  • Swipe
  • Onion skin
static/move-car/radio-active.png

1.1 KB | W: | H:

static/move-car/radio-active.png

664 Bytes | W: | H:

static/move-car/radio-active.png
static/move-car/radio-active.png
static/move-car/radio-active.png
static/move-car/radio-active.png
  • 2-up
  • Swipe
  • Onion skin
static/my/my10.png

8.68 KB | W: | H:

static/my/my10.png

12.7 KB | W: | H:

static/my/my10.png
static/my/my10.png
static/my/my10.png
static/my/my10.png
  • 2-up
  • Swipe
  • Onion skin
static/tarbar/index21.png

4.45 KB | W: | H:

static/tarbar/index21.png

1.61 KB | W: | H:

static/tarbar/index21.png
static/tarbar/index21.png
static/tarbar/index21.png
static/tarbar/index21.png
  • 2-up
  • Swipe
  • Onion skin
static/tarbar/index23.png

4.39 KB | W: | H:

static/tarbar/index23.png

1.42 KB | W: | H:

static/tarbar/index23.png
static/tarbar/index23.png
static/tarbar/index23.png
static/tarbar/index23.png
  • 2-up
  • Swipe
  • Onion skin
static/tarbar/index24.png

5.63 KB | W: | H:

static/tarbar/index24.png

1.91 KB | W: | H:

static/tarbar/index24.png
static/tarbar/index24.png
static/tarbar/index24.png
static/tarbar/index24.png
  • 2-up
  • Swipe
  • Onion skin
static/tarbar/index31.png

13.7 KB | W: | H:

static/tarbar/index31.png

5.13 KB | W: | H:

static/tarbar/index31.png
static/tarbar/index31.png
static/tarbar/index31.png
static/tarbar/index31.png
  • 2-up
  • Swipe
  • Onion skin
static/tarbar/index5.png

1.83 KB | W: | H:

static/tarbar/index5.png

1.34 KB | W: | H:

static/tarbar/index5.png
static/tarbar/index5.png
static/tarbar/index5.png
static/tarbar/index5.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment