Commit d817b878 authored by 程新智's avatar 程新智 👽

代码提交

parent 067b6682
No preview for this file type
......@@ -98,6 +98,7 @@
left: 0;
width: 100%;
background-color: #F5F5F5;
z-index: 9999;
}
.status-bar {
......
<!--
* @Author: euzhi
* @Description: 描述
-->
<!--
defaultOption: {
page: 1, // 分页
size: 15, // 分页大小
auto: true, // 自动加载
height: null, // 组件高度
disabled: false, // 禁用
background: '', // 背景颜色属性
emptyImage: '', // 空数据提示图片
offsetBottom: 0, // 底部高度补偿
pullDownSpeed: 0.5, // 下拉速率
lowerThreshold: 40, // 距离底部上拉加载距离
refresherThreshold: 80, // 距离顶部下拉刷新距离
refreshDelayed: 800, // 刷新延迟
refreshFinishDelayed: 800, // 刷新完成后的延迟
safeArea: false, // 是否开启安全区域适配
emptyTextColor: '#82848a', // 空提示文字颜色
loadTextColor: '#82848a', // 上拉加载文字颜色
loadIconColor: '#82848a', // 上拉加载图标颜色
refresherTextColor: '#82848a', // 下拉刷新文字颜色
refresherIconColor: '#82848a', // 下拉刷新图标颜色
emptyText: '暂无列表~', // 空数据提示文字
loadingText: '正在加载中~', // 加载中文字
loadFailText: '加载失败啦~', // 加载失败文字
noMoreText: '没有更多啦~', // 没有更多文字
refreshingText: '正在刷新~', // 正在刷新文字
refreshFailText: '刷新失败~', // 刷新失败文字
refreshSuccessText: '刷新成功~', // 刷新成功文字
pulldownText: '下拉刷新~', // 下拉中的文字
pulldownFinishText: '松开刷新~' // 下拉完成的文字
}
<template>
<view class="page-wrap">
<scroll-list ref="list" :option="option" @load="load" @refresh="refresh">
<view class="list-item" v-for="(item, index) in list" :key="index" @click="handleTest">
<view class="avatar">{{ index + 1 }}</view>
<view class="info">
<view class="info-item"></view>
<view class="info-item"></view>
</view>
</view>
</scroll-list>
</view>
</template>
<script>
export default {
data() {
return {
option: {
size: 5,
auto: true
},
};
},
onLoad() {
},
() {},
onHide() {},
methods: {
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = [...this.list, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({ list: this.list, total: 50 });
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
// 刷新刷剧
refresh(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = list;
// 刷新成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.refreshSuccess({ list: this.list, total: 50 });
// 刷新失败
// this.$refs.list.refreshFail()
}, this.$u.random(100, 1000));
}
}
};
</script>
-->
\ No newline at end of file
export default {
empty: 'data:image/png;base64,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',
success: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0xMCAyNEwyMCAzNEw0MCAxNCIgc3Ryb2tlPSIjMzAzMTMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==',
error: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wMSIvPjxwYXRoIGQ9Ik0xNCAxNEwzNCAzNCIgc3Ryb2tlPSIjMzAzMTMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNCAzNEwzNCAxNCIgc3Ryb2tlPSIjMzAzMTMzIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=='
}
This diff is collapsed.
......@@ -4,9 +4,11 @@ import uView from '@/common/uview-ui/index';
Vue.config.productionTip = false
import ActiveForm from "@/common/active-form/active-form";
import scrollList from "@/common/scroll-list/scroll-list";
Vue.use(uView);
App.mpType = 'app'
Vue.component('ActiveForm', ActiveForm)
Vue.component('scrollList', scrollList)
const app = new Vue({
...App
})
......
......@@ -120,13 +120,18 @@ export default {
/deep/.uni-input-input,
.uni-input-placeholder {
text-indent: 300rpx;
text-align: right;
}
.self__input__km {
display: flex;
align-items: center;
justify-content: space-between;
span{
text-align: right;
display: inline-block;
width: 100rpx;
}
}
.content__code {
......
......@@ -33,7 +33,7 @@
</u-checkbox-group>
勾选同意<span>《用户服务协议》</span>
</div>
<div class="add__btn add__no__bind">
<div class="add__btn add__no__bind" >
完成
</div>
</div>
......
......@@ -4,34 +4,37 @@
-->
<template>
<view class="appCotent">
<div class="myRecord">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
车主手机号:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
<div class="myRecord">
<scroll-list ref="list" :option="option" @load="load">
<div class="record__item" v-for="(vo,inx) in list" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
车主手机号:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
</div>
</div>
</div>
</div>
</scroll-list>
</div>
</div>
</view>
</template>
......@@ -39,7 +42,11 @@
export default {
data() {
return {
items: [{
option: {
size: 10,
auto: true
},
list: [{
time: '2020-02-22 12:00:45',
state: '微信',
carNum: '京A123456',
......@@ -57,10 +64,27 @@ export default {
};
},
methods: {
goDetail(){
uni.navigateTo({
// 加载数据\
load(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = [...this.list, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.list,
total: this.list.length
});
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goDetail() {
uni.navigateTo({
url: '/pagesB/pages/move-car/callDetail'
})
})
}
},
}
......
......@@ -4,35 +4,37 @@
-->
<template>
<view class="appCotent">
<div class="myMoveCar">
<div class="my__search">
<u-search placeholder="请输入车牌号" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
</div>
<div class="my__list">
<div class="list__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__img">
<image src="@/static/move-car/my-move-car4.png" />
</div>
<div class="top__car__phone">
<div>
京A231Q42
<div class="myMoveCar">
<div class="my__search">
<u-search placeholder="请输入车牌号" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
</div>
<div class="my__list">
<scroll-list ref="list" :option="option" @load="load">
<div class="list__item" v-for="(vo,inx) in list" :key="inx">
<div class="item__top">
<div class="top__img">
<image src="@/static/move-car/my-move-car4.png" />
</div>
<div class="top__car__phone">
<div>
京A231Q42
</div>
<div>
152****2233
</div>
</div>
<div class="top__car__name">
北京现代
</div>
</div>
<div>
152****2233
<div class="item__bottom">
<span>解除绑定</span>
<span @click="goView">查看详情</span>
</div>
</div>
<div class="top__car__name">
北京现代
</div>
</div>
<div class="item__bottom">
<span>解除绑定</span>
<span @click="goView">查看详情</span>
</div>
</scroll-list>
</div>
</div>
</div>
</view>
</template>
......@@ -40,12 +42,33 @@
export default {
data() {
return {
option: {
size: 10,
auto: true
},
keyword: '',
items: [{},{},{},]
list: [{}, {}, {}, ]
};
},
methods: {
goView(){
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = [...this.list, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.list,
total: this.list.length
});
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goView() {
uni.navigateTo({
url: '/pagesB/pages/move-car/moveCarDetail'
})
......@@ -74,6 +97,7 @@ export default {
justify-content: space-between;
margin-bottom: 44rpx;
align-items: center;
.top__img {
width: 100rpx;
height: 100rpx;
......@@ -113,6 +137,7 @@ export default {
.item__bottom {
display: flex;
justify-content: flex-end;
span {
display: inline-block;
width: 180rpx;
......
......@@ -4,34 +4,36 @@
-->
<template>
<view class="appCotent">
<div class="myRecord">
<div class="record__item" v-for="(vo,inx) in items" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
<div class="myRecord">
<scroll-list ref="list" :option="option" @load="load">
<div class="record__item" v-for="(vo,inx) in list" :key="inx">
<div class="item__top">
<div class="top__time">
时间:{{vo.time}}
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
挪车申请人:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
</div>
</div>
</div>
<div class="top__state" :class="vo.state==='微信'?'':'phone__state'">
{{vo.state}}
</div>
</div>
<div class="item__content">
<div>
车牌号:{{vo.carNumber}}
</div>
<div>
通知类型:{{vo.type}}
</div>
<div>
挪车申请人:{{vo.name}}
</div>
</div>
<div class="item__btn" @click="goDetail">
<div>
查看详情
</div>
</div>
</scroll-list>
</div>
</div>
</view>
</template>
......@@ -39,7 +41,11 @@
export default {
data() {
return {
items: [{
option: {
size: 10,
auto: true
},
list: [{
time: '2020-02-22 12:00:45',
state: '微信',
carNum: '京A123456',
......@@ -57,10 +63,27 @@ export default {
};
},
methods: {
goDetail(){
uni.navigateTo({
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = [...this.list, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({
list: this.list,
total: this.list.length
});
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goDetail() {
uni.navigateTo({
url: '/pagesB/pages/move-car/recordDetail'
})
})
}
},
}
......@@ -138,10 +161,11 @@ export default {
display: flex;
justify-content: flex-end;
padding-right: 40rpx;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
>div {
width: 180rpx;
height: 56rpx;
......
<template>
<view class="appCotent">
<view>
<custom-tarbar :selected="3"></custom-tarbar>
<view class="shop">
<div class="my__search" @click='goSearch'>
<u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
</div>
<div class="shop__swiper">
<view class="u-demo-block">
<u-swiper :list="list3" previousMargin="30" nextMargin="30" circular :autoplay="false" 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 4" :key="inx">
<div class="item2__img">
<image src='@/static/shop/qy.jpeg' />
<view>
<custom-tarbar :selected="3"></custom-tarbar>
<view class="shop">
<div class="my__search" @click='goSearch'>
<u-search placeholder="搜搜你最想知道的" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
</div>
<div class="shop__swiper">
<view class="u-demo-block">
<u-swiper :list="list3" previousMargin="30" nextMargin="30" circular :autoplay="false" 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 4" :key="inx" @click="goDetail">
<div class="item2__img">
<image src='@/static/shop/qy.jpeg' />
</div>
<div class="item2__title">临时停车牌111</div>
<div class="item2__price">¥25.5</div>
</div>
<div class="item2__title">临时停车牌111</div>
<div class="item2__price">¥25.5</div>
</div>
</div>
</div>
<div class="shop__list__one">
<div class="view__title">车主精选 养车必备</div>
<div class="list__one__items">
<div class="one__item" v-for="(vo,inx) in 4" :key="inx" @click="goDetail">
<div class="one__item__img">
<image src="@/static/shop/item.jpg" />
</div>
<div class="one__item__title">
临时停车牌
<div class="shop__list__one">
<div class="view__title">车主精选 养车必备</div>
<scroll-list ref="list" :option="option" @load="load">
<div class="list__one__items">
<div class="one__item" v-for="(vo,inx) in list" :key="inx" @click="goDetail">
<div class="one__item__img">
<image src="@/static/shop/item.jpg" />
</div>
<div class="one__item__title">
临时停车牌
</div>
<div class="one__item__price">
¥25.5<span class="num__two">¥39.9</span>
</div>
</div>
</div>
<div class="one__item__price">
¥25.5<span class="num__two">¥39.9</span>
</div>
</div>
</scroll-list>
</div>
</div>
</view>
<u-gap bgColor="transparent" height="60"></u-gap>
</view>
<u-gap bgColor="transparent" height="60"></u-gap>
</view>
</view>
</view>
</template>
......@@ -54,6 +57,18 @@ export default {
},
data() {
return {
option: {
size: 10,
auto: true
},
list:[
{},
{},
{},
{},
{},
],
keyword: '',
list3: [
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
......@@ -63,6 +78,20 @@ export default {
}
},
methods: {
// 加载数据
load(paging) {
setTimeout(() => {
let list = [];
for (var i = 0; i < paging.size; i++) {
list.push(i);
}
this.list = [...this.list, ...list];
// 加载成功 参数对象{list: 当前列表,total: 数据总长度(后端查询的total)}
this.$refs.list.loadSuccess({ list: this.list, total: this.list.length });
// 加载失败
// this.$refs.list.loadFail()
}, this.$u.random(100, 1000));
},
goSearch() {
uni.navigateTo({
url: '/pagesC/pages/shop/search'
......
......@@ -4,71 +4,80 @@
-->
<template>
<view class="appCotent">
<div class="pay">
<div class="address">
<div class="address__left">
<div class="right__title">
北京市朝阳区李家董镇太阳宫社区大唐公寓 2号楼3单元303
<div class="pay">
<div class="address">
<div class="address__left">
<div class="right__title">
北京市朝阳区李家董镇太阳宫社区大唐公寓 2号楼3单元303
</div>
<div class="right__phone">
<span>默认</span> <span>我是收货人</span><span>19963353323</span>
</div>
</div>
<div class="right__phone">
<span>默认</span> <span>我是收货人</span><span>19963353323</span>
<div class="address__right">
<image src="@/static/index/right.png" />
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
</div>
<div class="address__right">
<image src="@/static/index/right.png" />
<div class="add__address" @click="addAddress">
<image src="@/static/index/get-car-code5.png"> 添加收货地址
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
</div>
<div class="pay__item">
<div class="item">
<div class="item__top">
<div class="top__img">
<img src="" alt="" srcset="">
<div class="pay__item">
<div class="item">
<div class="item__top">
<div class="top__img">
<img src="" alt="" srcset="">
</div>
<div class="top__right">
<div class="right__one one__text">
<span>强力清洗剂 大容量 标</span>
<span>¥25.5</span>
</div>
<div class="right__two">
<span>强力清洗剂 大容量 标120 ml*3瓶装</span>
<span>×4</span>
</div>
</div>
</div>
<div class="top__right">
<div class="right__one one__text">
<span>强力清洗剂 大容量 标</span>
<span>¥25.5</span>
<div class="item__bottom">
<div class="bottom__item">
<div>商品总价:</div>
<div>¥48.00</div>
</div>
<div class="right__two">
<span>强力清洗剂 大容量 标120 ml*3瓶装</span>
<span>×4</span>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="bottom__item">
<div>总金额:</div>
<div class="bottom__price">¥48.00</div>
</div>
</div>
</div>
<div class="item__bottom">
<div class="bottom__item">
<div>商品总价:</div>
<div>¥48.00</div>
</div>
<div class="price__bottom">
<div class="price">
<div class="price__num">
<span>1</span>
</div>
<u-gap bgColor="transparent" height="15"></u-gap>
<div class="bottom__item">
<div>总金额:</div>
<div class="bottom__price">¥48.00</div>
<div class="price__all">
合计<span>¥48.00</span>
</div>
</div>
</div>
</div>
<div class="price__bottom">
<div class="price">
<div class="price__num">
<span>1</span>
</div>
<div class="price__all">
合计<span>¥48.00</span>
<div class="price__next" @click="pay">
立即支付
</div>
</div>
<div class="price__next" @click="pay">
立即支付
</div>
</div>
</div>
</view>
</template>
<script>
export default {
methods: {
addAddress(){
uni.navigateTo({
url: '/pagesD/pages/personal/addAddress'
})
},
pay() {
uni.navigateTo({
url: '/pagesC/pages/shop/payOk'
......@@ -82,6 +91,28 @@ export default {
.pay {
padding-top: 40rpx;
.add__address {
width: 670rpx;
height: 90rpx;
background: #ffffff;
box-shadow: 0rpx 0rpx 28rpx 1rpx rgba(232, 232, 232, 0.16);
border-radius: 10rpx;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 500;
color: #F88D28;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
image {
width: 34rpx;
height: 36rpx;
margin-right: 20rpx;
}
}
.price__bottom {
width: 100%;
height: 156rpx;
......
......@@ -131,6 +131,7 @@ export default {
/deep/ .u-form-item__body__right__content__slot {
justify-content: flex-end;
flex-direction: row !important;
}
}
......
......@@ -4,83 +4,83 @@
-->
<template>
<view class="appCotent">
<div class="carTime">
<div class="time__content">
<div class="time__top">
<div>
<image src="@/static/shop/item.jpg" />
</div>
<div>
<div class="carTime">
<div class="time__content">
<div class="time__top">
<div>
运输中
<image src="@/static/shop/item.jpg" />
</div>
<div>
物流单号:3543859111977240
</div>
<div class="time__btn btn__one">
<span>复制</span>
<div>
运输中
</div>
<div>
物流单号:{{order}}
</div>
<div class="time__btn btn__one" @click="copy">
<span>复制</span>
</div>
</div>
</div>
</div>
<div class="get__car">
<div class="car__img">
<image src="@/static/my/git.png" alt="" />
</div>
<div class="one__text">
【收货地址】北京市朝阳区梨园小区2收货地址北京市朝阳区梨园小区2
</div>
</div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
<div class="get__car">
<div class="car__img">
<image src="@/static/my/git.png" alt="" />
</div>
<div class="one__text item__title">
到达广东深圳公司,快件将很快进行派送
<div class="time">2020-06-01 12:00:00 </div>
<div class="one__text">
【收货地址】北京市朝阳区梨园小区2收货地址北京市朝阳区梨园小区2
</div>
</div>
</div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time2.png" alt="" />
</div>
<div class="one__text item__title active__title">
到达广东深圳公司,快件将很快进行派送
<div class="time">2020-06-01 12:00:00 </div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
</div>
<div class="one__text item__title">
到达广东深圳公司,快件将很快进行派送
<div class="time">2020-06-01 12:00:00 </div>
</div>
</div>
</div>
</div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
</div>
<div class="one__text item__title">
在分拨中心广东深圳公司进行卸车扫描
<div class="time">2020-06-01 12:00:00 </div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time2.png" alt="" />
</div>
<div class="one__text item__title active__title">
到达广东深圳公司,快件将很快进行派送
<div class="time">2020-06-01 12:00:00 </div>
</div>
</div>
</div>
</div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
</div>
<div class="one__text item__title">
在分拨中心广东深圳公司进行卸车扫描
<div class="time">2020-06-01 12:00:00 </div>
</div>
</div>
<div class="one__text item__title">
在北京市进行下级地点扫描
<div class="time">2020-06-01 12:00:00 </div>
</div>
<div class="time__list">
<div class="item">
<div class="item__img">
<image src="@/static/my/car-time1.png" alt="" />
</div>
<div class="one__text item__title">
在北京市进行下级地点扫描
<div class="time">2020-06-01 12:00:00 </div>
</div>
</div>
</div>
</div>
</div>
</div>
</view>
</template>
......@@ -88,7 +88,26 @@
export default {
data() {
return {
order:'3543859111977240'
}
},
methods: {
copy() {
wx.setClipboardData({
data: this.order,
success(res) {
wx.getClipboardData({
success(res) {
//提示
uni.showToast({
title: "已复制到剪切板",
icon: 'none',
duration: 2000,
});
}
})
}
})
}
},
}
......
......@@ -34,9 +34,9 @@
</u--form>
</div>
<div class="add__tips">为保证您的商品准确送达,请填写正确的地址!</div>
<div class="love__btn" @click="add">
<!-- <div class="love__btn" @click="add">
<image src="@/static/move-car/love-car5.png"> 新增地址
</div>
</div> -->
<div class="view__btn view__back" @click="del">
删除该地址
</div>
......@@ -92,12 +92,14 @@ export default {
<style lang="scss" scoped>
.editAddress {
.app__gps{
display: inline-block;
image{
width: 34rpx;
height: 36rpx;
}
}
.app__right{
display: inline-block;
padding-left: 20rpx;
padding-bottom: 10rpx;
image{
......@@ -162,6 +164,7 @@ export default {
/deep/ .u-form-item__body__right__content__slot {
justify-content: flex-end;
flex-direction: row !important;
}
}
......
This diff is collapsed.
......@@ -68,6 +68,7 @@
"rpxCalcIncludeWidth": 750
},
"usingComponents": {
"active-form": "/common/active-form/active-form"
"active-form": "/common/active-form/active-form",
"scroll-list": "/common/scroll-list/scroll-list"
}
}
\ No newline at end of file
......@@ -4,6 +4,7 @@
left: 0;
width: 100%;
background-color: #F5F5F5;
z-index: 9999;
}
.status-bar.data-v-152c5659 {
height: 80rpx;
......
......@@ -11,11 +11,13 @@
var _App = _interopRequireDefault(__webpack_require__(/*! ./App */ 6));
var _index = _interopRequireDefault(__webpack_require__(/*! @/common/uview-ui/index */ 12));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { default: obj };}function ownKeys(object, enumerableOnly) {var keys = Object.keys(object);if (Object.getOwnPropertySymbols) {var symbols = Object.getOwnPropertySymbols(object);if (enumerableOnly) symbols = symbols.filter(function (sym) {return Object.getOwnPropertyDescriptor(object, sym).enumerable;});keys.push.apply(keys, symbols);}return keys;}function _objectSpread(target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i] != null ? arguments[i] : {};if (i % 2) {ownKeys(Object(source), true).forEach(function (key) {_defineProperty(target, key, source[key]);});} else if (Object.getOwnPropertyDescriptors) {Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));} else {ownKeys(Object(source)).forEach(function (key) {Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));});}}return target;}function _defineProperty(obj, key, value) {if (key in obj) {Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true });} else {obj[key] = value;}return obj;}wx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;
_vue.default.config.productionTip = false;var ActiveForm = function ActiveForm() {__webpack_require__.e(/*! require.ensure | common/active-form/active-form */ "common/active-form/active-form").then((function () {return resolve(__webpack_require__(/*! @/common/active-form/active-form */ 428));}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);};
_vue.default.config.productionTip = false;var ActiveForm = function ActiveForm() {__webpack_require__.e(/*! require.ensure | common/active-form/active-form */ "common/active-form/active-form").then((function () {return resolve(__webpack_require__(/*! @/common/active-form/active-form */ 428));}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);};var scrollList = function scrollList() {Promise.all(/*! require.ensure | common/scroll-list/scroll-list */[__webpack_require__.e("common/vendor"), __webpack_require__.e("common/scroll-list/scroll-list")]).then((function () {return resolve(__webpack_require__(/*! @/common/scroll-list/scroll-list */ 799));}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);};
_vue.default.use(_index.default);
_App.default.mpType = 'app';
_vue.default.component('ActiveForm', ActiveForm);
_vue.default.component('scrollList', scrollList);
var app = new _vue.default(_objectSpread({},
_App.default));
......
This diff is collapsed.
{
"usingComponents": {},
"component": true
}
\ No newline at end of file
<view class="scroll-list-wrap data-v-3378e1d2" style="{{$root.s0}}"><scroll-view class="{{['scroll-view','data-v-3378e1d2',elClass]}}" style="{{$root.s1}}" scroll-y="{{true}}" scroll-anchoring="{{true}}" enable-back-to-top="{{true}}" scroll-top="{{scrollTop}}" lower-threshold="{{defaultOption.lowerThreshold}}" data-event-opts="{{[['scroll',[['handleScroll',['$event']]]],['touchend',[['handleTouchEnd',['$event']]]],['touchmove',[['handleTouchMove',['$event']]]],['touchstart',[['handleTouchStart',['$event']]]],['scrolltolower',[['handleScrolltolower',['$event']]]]]}}" bindscroll="__e" bindtouchend="__e" catchtouchmove="__e" bindtouchstart="__e" bindscrolltolower="__e"><view class="scroll-content data-v-3378e1d2" style="{{$root.s2}}"><view class="pull-down-wrap data-v-3378e1d2"><block wx:if="{{$slots.pulldown}}"><slot name="pulldown"></slot></block><block wx:else><view class="refresh-view data-v-3378e1d2" style="{{$root.s3}}"><view class="{{['pull-down-animation','data-v-3378e1d2',(refreshing)?'refreshing':'']}}" style="{{$root.s4}}"></view><text class="pull-down-text data-v-3378e1d2" style="{{$root.s5}}">{{refreshStateText}}</text></view></block></view><block wx:if="{{showEmpty}}"><view class="empty-wrap data-v-3378e1d2"><block wx:if="{{$slots.empty}}"><slot name="empty"></slot></block><block wx:else><view class="empty-view data-v-3378e1d2"><image class="empty-image data-v-3378e1d2" src="{{defaultOption.emptyImage||images.empty}}" mode="aspectFit"></image><text class="empty-text data-v-3378e1d2" style="{{$root.s6}}">{{emptyText}}</text></view></block></view></block><view class="list-content data-v-3378e1d2"><slot></slot></view><block wx:if="{{showPullUp}}"><view class="pull-up-wrap data-v-3378e1d2"><block wx:if="{{$slots.pullup}}"><slot name="pullup"></slot></block><block wx:else><view class="load-view data-v-3378e1d2"><block wx:if="{{loading}}"><view class="pull-up-animation data-v-3378e1d2" style="{{$root.s7}}"></view></block><text class="pull-up-text data-v-3378e1d2" style="{{$root.s8}}">{{loadStateText}}</text></view></block></view></block></view></scroll-view></view>
\ No newline at end of file
......@@ -30,12 +30,17 @@
}
.getPrice.data-v-2fa4f10f .uni-input-input,
.getPrice .uni-input-placeholder.data-v-2fa4f10f {
text-indent: 300rpx;
text-align: right;
}
.getPrice .self__input__km.data-v-2fa4f10f {
display: flex;
align-items: center;
justify-content: space-between;
}
.getPrice .self__input__km ._span.data-v-2fa4f10f {
text-align: right;
display: inline-block;
width: 100rpx;
}
.getPrice .content__code.data-v-2fa4f10f {
padding: 28rpx;
......
......@@ -221,9 +221,18 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
//
//
//
//
var _default =
{
methods: {
addAddress: function addAddress() {
uni.navigateTo({
url: '/pagesD/pages/personal/addAddress' });
},
pay: function pay() {
uni.navigateTo({
url: '/pagesC/pages/shop/payOk' });
......
......@@ -76,5 +76,6 @@
}
.addAddress .car_info.data-v-15f0a894 .u-form-item__body__right__content__slot {
justify-content: flex-end;
flex-direction: row !important;
}
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