Skip to content

J
jd-vx-app
Commit 9ae363d3 authored by lijiongliang's avatar lijiongliang
Browse files
Options

页面修改

parent 09ff1542
Show whitespace changes
Inline Side-by-side
Showing with 181 additions and 233 deletions
pages/moveCar.vue
View file @ 9ae363d3
<template> <template>
<view class="" v-if="show"> <view class="" v-if="show">
<view class="moveCar"> <view class="moveCar">
<div class="move_car__content"> <view class="move_car__content">
<div class="menu__top" @click="goUrl({url: '/pagesB/pages/move-car/loveCar',})"> <view class="menu__top" @click="goUrl({url: '/pagesB/pages/move-car/loveCar',})">
<div> <view>
<image src="@/static/move-car/move-car1.png" /> <image src="@/static/move-car/move-car1.png" />
</div> </view>
<div> <view>
爱车管理 爱车管理
</div> </view>
</div> </view>
<div class="menu__list"> <view class="menu__list">
<div class="list__items" v-for="(vo,inx) in items" :key="inx" @click="goUrl(vo)"> <view class="list__items" v-for="(vo,inx) in items" :key="inx" @click="goUrl(vo)">
<div> <view>
<image :src="vo.icon" /> <image :src="vo.icon" />
</div> </view>
<div> <view>
{{vo.title}} {{vo.title}}
</div> </view>
</div> </view>
</div> </view>
</div> </view>
</view> </view>
</view> </view>
</template> </template>
...@@ -166,19 +166,19 @@ ...@@ -166,19 +166,19 @@
padding: 45rpx 0; padding: 45rpx 0;
background: url('@/static/move-car/move-car-bg.png') no-repeat center; background: url('@/static/move-car/move-car-bg.png') no-repeat center;
background-size:100% 100%; background-size:100% 100%;
>div { >view {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
>div:nth-of-type(1) { >view:nth-of-type(1) {
image { image {
width: 58rpx; width: 58rpx;
height: 50rpx; height: 50rpx;
} }
} }
>div:nth-of-type(2) { >view:nth-of-type(2) {
font-size: 40rpx; font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -209,19 +209,19 @@ ...@@ -209,19 +209,19 @@
background: url('@/static/move-car/move-car-bg2.png') no-repeat center; background: url('@/static/move-car/move-car-bg2.png') no-repeat center;
background-size:100% 100%; background-size:100% 100%;
>div { >view {
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
>div:nth-of-type(1) { >view:nth-of-type(1) {
image { image {
width: 58rpx; width: 58rpx;
height: 58rpx; height: 58rpx;
} }
} }
>div:nth-of-type(2) { >view:nth-of-type(2) {
font-size: 40rpx; font-size: 40rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -233,7 +233,7 @@ ...@@ -233,7 +233,7 @@
.list__items:nth-of-type(2) { .list__items:nth-of-type(2) {
background: url('@/static/move-car/move-car-bg3.png') no-repeat center; background: url('@/static/move-car/move-car-bg3.png') no-repeat center;
background-size:100% 100%; background-size:100% 100%;
>div:nth-of-type(1) { >view:nth-of-type(1) {
image { image {
width: 55rpx; width: 55rpx;
height: 58rpx; height: 58rpx;
...@@ -244,7 +244,7 @@ ...@@ -244,7 +244,7 @@
.list__items:nth-of-type(3) { .list__items:nth-of-type(3) {
background: url('@/static/move-car/move-car-bg4.png') no-repeat center; background: url('@/static/move-car/move-car-bg4.png') no-repeat center;
background-size:100% 100%; background-size:100% 100%;
>div:nth-of-type(1) { >view:nth-of-type(1) {
image { image {
width: 58rpx; width: 58rpx;
height: 58rpx; height: 58rpx;
...@@ -256,7 +256,7 @@ ...@@ -256,7 +256,7 @@
.list__items:nth-of-type(4) { .list__items:nth-of-type(4) {
background: url('@/static/move-car/move-car-bg5.png') no-repeat center; background: url('@/static/move-car/move-car-bg5.png') no-repeat center;
background-size:100% 100%; background-size:100% 100%;
>div:nth-of-type(1) { >view:nth-of-type(1) {
image { image {
width: 54rpx; width: 54rpx;
height: 58rpx; height: 58rpx;
......
pages/personal.vue
View file @ 9ae363d3
...@@ -5,55 +5,55 @@ ...@@ -5,55 +5,55 @@
<template> <template>
<view class="" v-if="show"> <view class="" v-if="show">
<view class="personal"> <view class="personal">
<div class="ps__bg"> <view class="ps__bg">
<div class="ps__title"></div> <view class="ps__title"></view>
<div class="ps__info"> <view class="ps__info">
<div class="info__cover"> <view class="info__cover">
<image v-if="avatar" :src="avatar" /> <image v-if="avatar" :src="avatar" />
<image v-else src="http://jdnc-oss.uzosp.com/2022/06/23/c53258e744fd43e2bddca70511a94e2e.png" /> <image v-else src="http://jdnc-oss.uzosp.com/2022/06/23/c53258e744fd43e2bddca70511a94e2e.png" />
</div> </view>
<div> <view>
<div class="info__name">{{userInfo.nickName || '默认昵称'}}</div> <view class="info__name">{{userInfo.nickName || '默认昵称'}}</view>
<div class="view__info" @click="editInfo"> <view class="view__info" @click="editInfo">
查看个人主页或编辑资料 查看个人主页或编辑资料
<span> <span>
<image src="@/static/my/my7.png"> <image src="@/static/my/my7.png">
</span> </span>
</div> </view>
</div> </view>
</div> </view>
<!-- <div class="ps__shop"> <!-- <view class="ps__shop">
<div class="shop__tab"> <view class="shop__tab">
<div class="tab__top"> <view class="tab__top">
<span>商品订单</span> <span>商品订单</span>
<div class="tab__all" @click="goOrder(0)"> <view class="tab__all" @click="goOrder(0)">
<span>全部订单</span> <span>全部订单</span>
<span> <span>
<image src="@/static/my/my5.png"> <image src="@/static/my/my5.png">
</span> </span>
</div> </view>
</div> </view>
<div class="tab__bottom"> <view class="tab__bottom">
<div class="tab__item" v-for="(vo,inx) in items" :key="inx" @click="goOrder(inx+1)"> <view class="tab__item" v-for="(vo,inx) in items" :key="inx" @click="goOrder(inx+1)">
<image :src="vo.icon" /> <image :src="vo.icon" />
<div>{{vo.title}}</div> <view>{{vo.title}}</view>
</div> </view>
</div> </view>
</div> </view>
</div> --> </view> -->
</div> </view>
<div class="ps__list"> <view class="ps__list">
<div class="list__item" v-for="(vo,inx) in menu" :key="inx" @click="goUrl(vo)"> <view class="list__item" v-for="(vo,inx) in menu" :key="inx" @click="goUrl(vo)">
<div class="list__left"> <view class="list__left">
<image :src="vo.icon" alt="" srcset=""> <image :src="vo.icon" alt="" srcset="">
{{vo.title}} {{vo.title}}
</div> </view>
<div class="list__right"> <view class="list__right">
<image src="@/static/my/my5.png" alt="" srcset=""> <image src="@/static/my/my5.png" alt="" srcset="">
</div> </view>
</div> </view>
</div> </view>
<div class="ps__btn" v-if="token" @click="loginOut">退出登录</div> <view class="ps__btn" v-if="token" @click="loginOut">退出登录</view>
</view> </view>
<u-gap bgColor="transparent" height="70"></u-gap> <u-gap bgColor="transparent" height="70"></u-gap>
</view> </view>
......
pages/shop.vue
View file @ 9ae363d3
...@@ -3,28 +3,28 @@ ...@@ -3,28 +3,28 @@
<view class="appCotent" v-if="isShow"> <view class="appCotent" v-if="isShow">
<view> <view>
<view class="shop"> <view class="shop">
<div class="my__search" @click='goSearch'> <view class="my__search" @click='goSearch'>
<u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff'></u-search> <u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff'></u-search>
</div> </view>
<div class="shop__swiper"> <view class="shop__swiper">
<view class="u-demo-block"> <view class="u-demo-block">
<u-swiper :list="list3" previousMargin="30" nextMargin="30" circular :autoplay="true" keyName="imageUrl" @click="goOtherLink" height='150' radius="5" bgColor="#ffffff"></u-swiper> <u-swiper :list="list3" previousMargin="30" nextMargin="30" circular :autoplay="true" keyName="imageUrl" @click="goOtherLink" height='150' radius="5" bgColor="#ffffff"></u-swiper>
</view> </view>
</div> </view>
<div class="view__content"> <view class="view__content">
<div class="view__title">超低价养车好物</div> <view class="view__title">超低价养车好物</view>
<div class="shop__list2"> <view class="shop__list2">
<div class="shop__item2" v-for="(vo,inx) in mallList" :key="inx" @click="goDetail(vo.id,vo.link)"> <view class="shop__item2" v-for="(vo,inx) in mallList" :key="inx" @click="goDetail(vo.id,vo.link)">
<div class="item2__img"> <view class="item2__img">
<image :src="getImage(vo.mainImgUrl)" /> <image :src="getImage(vo.mainImgUrl)" />
</div> </view>
<div class="item2__title">{{vo.title}}</div> <view class="item2__title">{{vo.title}}</view>
<div class="item2__price">￥{{vo.currentPrice/100}}</div> <view class="item2__price">￥{{vo.currentPrice/100}}</view>
</div> </view>
</div> </view>
</div> </view>
<div class="shop__list__one"> <view class="shop__list__one">
<div class="view__title">车主精选 养车必备</div> <view class="view__title">车主精选 养车必备</view>
<view class="owner-select" v-if="boutiqueMallList.length > 0"> <view class="owner-select" v-if="boutiqueMallList.length > 0">
<view class="one_item" v-for="(vo,inx) in boutiqueMallList" :key="inx" @click="goDetail(vo.id,vo.link)"> <view class="one_item" v-for="(vo,inx) in boutiqueMallList" :key="inx" @click="goDetail(vo.id,vo.link)">
<view class="one_item_img"> <view class="one_item_img">
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
</view> </view>
</view> </view>
<u-loadmore :status="loading" v-if="boutiqueMallList.length > 0"/> <u-loadmore :status="loading" v-if="boutiqueMallList.length > 0"/>
</div> </view>
</view> </view>
<u-gap bgColor="transparent" height="60"></u-gap> <u-gap bgColor="transparent" height="60"></u-gap>
</view> </view>
......
pagesB/pages/move-car/callDetail.vue
View file @ 9ae363d3
...@@ -4,21 +4,21 @@ ...@@ -4,21 +4,21 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="callDetail"> <view class="callDetail">
<div class="view__content"> <view class="view__content">
<div class="view__item" v-for="(vo,inx) in items" :key="inx"> <view class="view__item" v-for="(vo,inx) in items" :key="inx">
<div class="view__title"> <view class="view__title">
{{vo.title}} {{vo.title}}
</div> </view>
<div class="view__value"> <view class="view__value">
{{vo.value}} {{vo.value}}
</div> </view>
</div> </view>
</div> </view>
<div class="view__btn view__back" @click="goBack"> <view class="view__btn view__back" @click="goBack">
返回 返回
</div> </view>
</div> </view>
</view> </view>
</template> </template>
......
pagesB/pages/move-car/loveCar.vue
View file @ 9ae363d3
...@@ -4,16 +4,16 @@ ...@@ -4,16 +4,16 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="loveCar"> <view class="loveCar">
<div class="love-car__title"> <view class="love-car__title">
我的爱车 我的爱车
</div> </view>
<div class="love-car__list"> <view class="love-car__list">
<div class="love__item" v-for="(vo,inx) in carList" :key="inx" > <view class="love__item" v-for="(vo,inx) in carList" :key="inx" >
<div class="itme__img" @click="goGetPrice(vo.id)"> <view class="itme__img" @click="goGetPrice(vo.id)">
<image src="@/static/move-car/love-car6.png" /> <image src="@/static/move-car/love-car6.png" />
</div> </view>
<div class="item__title" @click="goGetPrice(vo.id)"> <view class="item__title" @click="goGetPrice(vo.id)">
<view class="title"> <view class="title">
{{vo.brand + "-" + vo.seriesName}} {{vo.brand + "-" + vo.seriesName}}
</view> </view>
...@@ -23,28 +23,28 @@ ...@@ -23,28 +23,28 @@
<view class="route"> <view class="route">
行驶里程 {{vo.mileage || 0}}KM 行驶里程 {{vo.mileage || 0}}KM
</view> </view>
</div> </view>
<!-- <div class="item__edit" @click="editCar(vo.id)"> <!-- <view class="item__edit" @click="editCar(vo.id)">
<image src="@/static/move-car/love-car2.png" /> <image src="@/static/move-car/love-car2.png" />
</div> </view>
<div class="item__del" @click="deleteModal(vo.id)"> <view class="item__del" @click="deleteModal(vo.id)">
<image src="@/static/move-car/love-car3.png" /> <image src="@/static/move-car/love-car3.png" />
</div> --> </view> -->
</div> </view>
</div> </view>
<div> <view>
<u-modal :show="deleteShow" :title="deleteTitle" :content='deleteContent' <u-modal :show="deleteShow" :title="deleteTitle" :content='deleteContent'
@confirm="confirmModal" @cancel="cancelModal" showCancelButton="true"></u-modal> @confirm="confirmModal" @cancel="cancelModal" showCancelButton="true"></u-modal>
</div> </view>
<u-gap bgColor="transparent" height="10"></u-gap> <u-gap bgColor="transparent" height="10"></u-gap>
<div class="love__btn" @click="addCar"> <view class="love__btn" @click="addCar">
<image src="@/static/move-car/love-car5.png"> 添加车辆 <image src="@/static/move-car/love-car5.png"> 添加车辆
</div> </view>
<view class="guide" @click="gotoExplanation"> <view class="guide" @click="gotoExplanation">
如何修改爱车信息？ 如何修改爱车信息？
</view> </view>
</div> </view>
</view> </view>
</template> </template>
......
pagesB/pages/move-car/myCall.vue
View file @ 9ae363d3
...@@ -4,36 +4,36 @@ ...@@ -4,36 +4,36 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="myRecord"> <view class="myRecord">
<scroll-list ref="list" :option="option" @load="load" @refresh="refresh"> <scroll-list ref="list" :option="option" @load="load" @refresh="refresh">
<div class="record__item" v-for="(vo,inx) in items" :key="inx"> <view class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top"> <view class="item__top">
<div class="top__time"> <view class="top__time">
时间:{{vo.applyDate}} 时间:{{vo.applyDate}}
</div> </view>
<div class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'"> <view class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}} {{vo.confirmType=="1"?'电话':'微信'}}
</div> </view>
</div> </view>
<div class="item__content"> <view class="item__content">
<div> <view>
车牌号:{{vo.carNo}} 车牌号:{{vo.carNo}}
</div> </view>
<div> <view>
通知类型:{{type}} 通知类型:{{type}}
</div> </view>
<div> <view>
车主手机号:{{vo.userMobile?vo.userMobile:""}} 车主手机号:{{vo.userMobile?vo.userMobile:""}}
</div> </view>
</div> </view>
<div class="item__btn" @click="goDetail(vo.id)"> <view class="item__btn" @click="goDetail(vo.id)">
<view> <view>
查看详情 查看详情
</view> </view>
</div> </view>
</div> </view>
</scroll-list> </scroll-list>
</div> </view>
</view> </view>
</template> </template>
...@@ -198,7 +198,7 @@ ...@@ -198,7 +198,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
>div { >view {
width: 50%; width: 50%;
margin-bottom: 30rpx; margin-bottom: 30rpx;
...@@ -208,7 +208,7 @@ ...@@ -208,7 +208,7 @@
color: #333333; color: #333333;
} }
>div:nth-of-type(3) { >view:nth-of-type(3) {
width: 100%; width: 100%;
} }
} }
......
pagesB/pages/move-car/myRecord.vue
View file @ 9ae363d3
...@@ -4,36 +4,36 @@ ...@@ -4,36 +4,36 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="myRecord"> <view class="myRecord">
<scroll-list ref="list" :option="option" @load="load" @refresh="refresh"> <scroll-list ref="list" :option="option" @load="load" @refresh="refresh">
<div class="record__item" v-for="(vo,inx) in items" :key="inx"> <view class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top"> <view class="item__top">
<div class="top__time"> <view class="top__time">
时间:{{vo.applyDate}} 时间:{{vo.applyDate}}
</div> </view>
<div class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'"> <view class="top__state" :class="vo.confirmType=='2'?'vx_state':'phone__state'">
{{vo.confirmType=="1"?'电话':'微信'}} {{vo.confirmType=="1"?'电话':'微信'}}
</div> </view>
</div> </view>
<div class="item__content"> <view class="item__content">
<div> <view>
车牌号:{{vo.carNo}} 车牌号:{{vo.carNo}}
</div> </view>
<div> <view>
通知类型:{{type}} 通知类型:{{type}}
</div> </view>
<div> <view>
挪车申请人:{{vo.applyUserMobile?vo.applyUserMobile:""}} 挪车申请人:{{vo.applyUserMobile?vo.applyUserMobile:""}}
</div> </view>
</div> </view>
<div class="item__btn" @click="goDetail(vo.id)"> <view class="item__btn" @click="goDetail(vo.id)">
<view> <view>
查看详情 查看详情
</view> </view>
</div> </view>
</div> </view>
</scroll-list> </scroll-list>
</div> </view>
</view> </view>
</template> </template>
...@@ -206,7 +206,7 @@ ...@@ -206,7 +206,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
>div { >view {
width: 50%; width: 50%;
margin-bottom: 30rpx; margin-bottom: 30rpx;
...@@ -216,7 +216,7 @@ ...@@ -216,7 +216,7 @@
color: #333333; color: #333333;
} }
>div:nth-of-type(3) { >view:nth-of-type(3) {
width: 100%; width: 100%;
} }
} }
......
pagesB/pages/move-car/recordDetail.vue
View file @ 9ae363d3
...@@ -4,21 +4,21 @@ ...@@ -4,21 +4,21 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="callDetail"> <view class="callDetail">
<div class="view__content"> <view class="view__content">
<div class="view__item" v-for="(vo,inx) in items" :key="inx"> <view class="view__item" v-for="(vo,inx) in items" :key="inx">
<div class="view__title"> <view class="view__title">
{{vo.title}} {{vo.title}}
</div> </view>
<div class="view__value"> <view class="view__value">
{{vo.value}} {{vo.value}}
</div> </view>
</div> </view>
</div> </view>
<div class="view__btn view__back" @click="goBack"> <view class="view__btn view__back" @click="goBack">
返回 返回
</div> </view>
</div> </view>
</view> </view>
</template> </template>
......
pagesB/pages/move-car/scan.vue
View file @ 9ae363d3
...@@ -4,26 +4,26 @@ ...@@ -4,26 +4,26 @@
--> -->
<template> <template>
<view class="appCotent"> <view class="appCotent">
<div class="scan"> <view class="scan">
<div class="contentMoveCar"> <view class="contentMoveCar">
<div class="car_item__one"> <view class="car_item__one">
<div class="item__content"> <view class="item__content">
<view class=""> <view class="">
您的专属二维码编号 您的专属二维码编号
</view> </view>
{{moveCode}} {{moveCode}}
</div> </view>
</div> </view>
<div class="car_item__three"> <view class="car_item__three">
<view class=""> <view class="">
感谢您使用挪车二维码。 感谢您使用挪车二维码。
</view> </view>
<view style=""> <view style="">
请完成<text>车辆信息</text>与<text>联系方式</text>的填写以便享受挪车服务。 请完成<text>车辆信息</text>与<text>联系方式</text>的填写以便享受挪车服务。
</view> </view>
</div> </view>
</div> </view>
<div class="car_info"> <view class="car_info">
<!-- <view class="select-car" @click="getCarList"> <!-- <view class="select-car" @click="getCarList">
请选择爱车 &gt; 请选择爱车 &gt;
</view> --> </view> -->
...@@ -63,7 +63,7 @@ ...@@ -63,7 +63,7 @@
<car-number class="car__input" v-model="model1.carNo"></car-number> <car-number class="car__input" v-model="model1.carNo"></car-number>
</view> </view>
</view> </view>
</div> </view>
<view class="form-data"> <view class="form-data">
<view class="form-item"> <view class="form-item">
...@@ -90,11 +90,11 @@ ...@@ -90,11 +90,11 @@
</view> </view>
</view> </view>
<div class="view__btn view__no__bind" @click="confirmBinding"> <view class="view__btn view__no__bind" @click="confirmBinding">
绑定车辆 绑定车辆
</div> </view>
<!-- <div class="use__text" @click="gotoExplanation">使用说明</div> --> <!-- <view class="use__text" @click="gotoExplanation">使用说明</view> -->
<div class="use__text" @click="goArticle(2)">挪车牌使用安全说明</div> <view class="use__text" @click="goArticle(2)">挪车牌使用安全说明</view>
<!-- 爱车选择弹框 --> <!-- 爱车选择弹框 -->
<u-popup :show="selectCar" mode="bottom" round="10" @close="selectCar = false"> <u-popup :show="selectCar" mode="bottom" round="10" @close="selectCar = false">
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
</div> </view>
</view> </view>
</template> </template>
...@@ -550,58 +550,6 @@ export default { ...@@ -550,58 +550,6 @@ export default {
} }
} }
.moveCarMsg {
background: #FFFFFF;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.2);
border-radius: 20rpx;
padding: 32rpx 40rpx;
.car__num__self {
display: flex;
align-items: center;
justify-content: space-between;
.car__num {
width: 160rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
.car__input{
width: 100%;
}
}
.scan__tips {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30rpx;
>div:nth-of-type(1) {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #666666;
}
>div:nth-of-type(2) {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #F88D28;
span {
image {
width: 11rpx;
height: 18rpx;
}
margin-left: 10rpx;
}
}
}
}
// 已绑定车辆信息 // 已绑定车辆信息
.car_info{ .car_info{
......
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