Skip to content

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

页面修改

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