邓平艺
4 years ago
46 changed files with 55 additions and 1347 deletions
-
3common/request.js
-
82packages/addAddress/addAddress-副本.vue
-
2packages/addAddress/addAddress.vue
-
5packages/address/address.vue
-
4packages/ratingQueryDetail/ratingQueryDetail.vue
-
4packages/sonpingDetail/ratingTrajectory.vue
-
20packages/sonpingDetail/sonpingDetail.vue
-
6packages/sonpingDetail/viewDetail.vue
-
284pages/index/index - 副本.vue
-
35pages/index/index.vue
-
329pages/order/order-副本.vue
-
18pages/order/order.vue
-
227pages/order/wodedingdan_daiqueren-副本2.vue
-
349pages/order/wodedingdan_shaixuan-副本.vue
-
8pages/ratingCriteria/ratingCriteria.vue
-
12pages/write/baseInfo.vue
-
14pages/write/distribution.vue
-
BINstatic/icon/aixin.png
-
0static/icon/delete.png
-
0static/icon/edit.png
-
BINstatic/icon/level.png
-
BINstatic/icon/line.png
-
0static/icon/order1.png
-
0static/icon/order2.png
-
0static/icon/order3.png
-
0static/icon/order4.png
-
BINstatic/icon/order_status1.png
-
BINstatic/icon/order_status2.png
-
BINstatic/icon/order_status3.png
-
BINstatic/icon/order_status4.png
-
BINstatic/icon/tianxie1.png
-
BINstatic/icon/tianxie2.png
-
BINstatic/icon/tianxie3.png
-
BINstatic/icon/tianxie4.png
-
BINstatic/icon/tianxie5.png
-
BINstatic/icon/tianxie6.png
-
BINstatic/images/logo.png
-
BINstatic/下一步.png
-
BINstatic/全面评级.png
-
BINstatic/勾选.png
-
BINstatic/卡品评级.png
-
BINstatic/套壳服务.png
-
BINstatic/搜索.png
-
BINstatic/未选择.png
-
BINstatic/签名评级.png
-
BINstatic/默认头像.png
@ -1,82 +0,0 @@ |
|||
<template> |
|||
<view class="pages"> |
|||
<u-form |
|||
labelPosition="left" |
|||
labelWidth="100" |
|||
:model="model1" |
|||
ref="form1" |
|||
> |
|||
<u-form-item |
|||
label="收货人" |
|||
prop="userInfo.name" |
|||
borderBottom |
|||
ref="item1" |
|||
> |
|||
<u--input |
|||
border="none" |
|||
placeholder="请填写收货人姓名" |
|||
></u--input> |
|||
</u-form-item> |
|||
<u-form-item |
|||
label="手机号码" |
|||
prop="userInfo.sex" |
|||
borderBottom |
|||
ref="item1" |
|||
> |
|||
<u--input |
|||
disabledColor="#ffffff" |
|||
placeholder="请填写收货人手机号码" |
|||
border="none" |
|||
></u--input> |
|||
</u-form-item> |
|||
<u-form-item |
|||
label="所在区域" |
|||
prop="userInfo.sex" |
|||
borderBottom |
|||
ref="item1" |
|||
> |
|||
<u--input |
|||
disabled |
|||
disabledColor="#ffffff" |
|||
placeholder="请选择所在地区" |
|||
border="none" |
|||
></u--input> |
|||
<u-icon |
|||
slot="right" |
|||
name="arrow-right" |
|||
></u-icon> |
|||
</u-form-item> |
|||
<u-form-item |
|||
label="详细地址" |
|||
prop="userInfo.sex" |
|||
borderBottom |
|||
ref="item1" |
|||
> |
|||
<u--input |
|||
disabledColor="#ffffff" |
|||
placeholder="请填写详细地址：如道路、门牌号、楼栋号、单元室等" |
|||
border="none" |
|||
></u--input> |
|||
</u-form-item> |
|||
</u-form> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
view{ |
|||
display: block; |
|||
} |
|||
</style> |
|||
@ -1,284 +0,0 @@ |
|||
<template> |
|||
<view class="content"> |
|||
<view class="nav"> |
|||
<view :style="{height:h+'px'}"></view> |
|||
<view class="navContent"> |
|||
<view class="searchBtn"> |
|||
<image class="searchIcon" src="../../static/搜索.png"></image> |
|||
</view> |
|||
<text class="title">评级中心</text> |
|||
<view style="flex: 1;"></view> |
|||
</view> |
|||
</view> |
|||
<view class="splitLine"></view> |
|||
<view class="headContent" @click="toSettings"> |
|||
<view class="avatarPanle"> |
|||
<view class="avatarContent"> |
|||
<u-avatar size="56" :src="src"></u-avatar> |
|||
<u-badge class="badge" :absolute="true" numberType="overflow" :offset="[1,-10]" max="99" :value="value"></u-badge> |
|||
</view> |
|||
</view> |
|||
<view class="namePanel"> |
|||
<text>请先登录</text> |
|||
<image class="nextIcon" src="../../static/下一步.png"></image> |
|||
</view> |
|||
</view> |
|||
<view style="height: 30rpx;background-color: #F6F6F6;"></view> |
|||
<view class="orderPanel"> |
|||
<view class="orderPanelTop"> |
|||
<view> |
|||
我的订单 |
|||
</view> |
|||
<view> |
|||
<view>全部</view> |
|||
<image class="nextIcon" src="../../static/下一步.png"></image> |
|||
</view> |
|||
</view> |
|||
<view class="orderItemPanel"> |
|||
<view class="orderItem"> |
|||
<image class="orderIcon" src="../../static/待确认.png"></image> |
|||
<u-badge class="badge" :absolute="true" numberType="overflow" :offset="[0,0]" max="99" :value="value"></u-badge> |
|||
<text class="orderItemTitel">待确认</text> |
|||
</view> |
|||
<view class="orderItem"> |
|||
<image class="orderIcon" src="../../static/评级中.png"></image> |
|||
<u-badge class="badge" :absolute="true" numberType="overflow" :offset="[0,0]" max="99" :value="value"></u-badge> |
|||
<text class="orderItemTitel">评级中</text> |
|||
</view> |
|||
<view class="orderItem"> |
|||
<image class="orderIcon" src="../../static/待付款.png"></image> |
|||
<u-badge class="badge" :absolute="true" numberType="overflow" :offset="[0,0]" max="99" :value="value"></u-badge> |
|||
<text class="orderItemTitel">待付款</text> |
|||
</view> |
|||
<view class="orderItem"> |
|||
<image class="orderIcon" src="../../static/待收货.png"></image> |
|||
<u-badge class="badge" :absolute="true" numberType="overflow" :offset="[0,0]" max="99" :value="value"></u-badge> |
|||
<text class="orderItemTitel">待收货</text> |
|||
</view> |
|||
</view> |
|||
<view style="height: 30rpx;background-color: #F6F6F6;"></view> |
|||
<view class="servicePanel"> |
|||
<view class="serviceTitlePanel" > |
|||
<view> |
|||
<view>快速评级</view> |
|||
<view>7days</view> |
|||
</view> |
|||
<view> |
|||
<view> |
|||
查看详情 |
|||
</view> |
|||
<image class="nextIcon" src="../../static/下一步.png"></image> |
|||
</view> |
|||
</view> |
|||
<view class="serviceItemPanel"> |
|||
<view class="serviceItem serviceItemSelected"> |
|||
<image class="serviceItemIcon" src="../../static/全面评级.png"></image> |
|||
<text class="serviceItemTitle">全面评级</text> |
|||
</view> |
|||
<view class="serviceItem serviceItemNormal"> |
|||
<image class="serviceItemIcon" src="../../static/全面评级.png"></image> |
|||
<text class="serviceItemTitle">全面评级</text> |
|||
</view> |
|||
</view> |
|||
<view class="serviceItemPanel"> |
|||
<view class="serviceItem serviceItemNormal"> |
|||
<image class="serviceItemIcon" src="../../static/全面评级.png"></image> |
|||
<text class="serviceItemTitle">全面评级</text> |
|||
</view> |
|||
<view class="serviceItem serviceItemNormal"> |
|||
<image class="serviceItemIcon" src="../../static/全面评级.png"></image> |
|||
<text class="serviceItemTitle">全面评级</text> |
|||
</view> |
|||
</view> |
|||
<view class="agreetPanel"> |
|||
<view class="agreetTop"> |
|||
<image class="checkBtn" src="../../static/勾选.png"></image> |
|||
<text>阅读并同意</text> |
|||
<text>《相关协议》</text> |
|||
</view> |
|||
<view class="serviceNextBtn"> |
|||
<text>下一步</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class=""></view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
title: 'Hello', |
|||
h:0, |
|||
src:"https://cdn.uviewui.com/uview/album/1.jpg", |
|||
value:888, |
|||
type:"warning" |
|||
} |
|||
}, |
|||
onLoad() { |
|||
let sysInfo = uni.getSystemInfoSync() |
|||
console.log(sysInfo) |
|||
this.h = sysInfo.statusBarHeight |
|||
}, |
|||
onShow(){ |
|||
// let sysInfo = uni.getStorageInfoSync() |
|||
// console.log(sysInfo) |
|||
// this.h = sysInfo.statusBarHeight |
|||
}, |
|||
methods: { |
|||
toSettings(){ |
|||
uni.navigateTo({ |
|||
url:"../settings/settings" |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
.content { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.nav{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
background-color: white; |
|||
} |
|||
.navContent{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
height: 44px; |
|||
align-items: center; |
|||
} |
|||
|
|||
.searchIcon{ |
|||
width: 38rpx; |
|||
height: 36rpx; |
|||
margin-left: 34rpx; |
|||
} |
|||
.searchBtn{ |
|||
flex: 1; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
} |
|||
.title{ |
|||
text-align: center; |
|||
color: #333333; |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
.headContent{ |
|||
height: 258rpx; |
|||
align-items: center; |
|||
flex-direction: column; |
|||
|
|||
} |
|||
.avatarPanle{ |
|||
margin-top: 40rpx; |
|||
|
|||
} |
|||
.avatarContent{ |
|||
display: block; |
|||
position: relative; |
|||
} |
|||
.badge{ |
|||
background-color: #EA2B2B; |
|||
} |
|||
.nextIcon{ |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
} |
|||
.namePanel{ |
|||
margin-top: 20rpx; |
|||
font-size: 34rpx; |
|||
} |
|||
.orderIcon{ |
|||
width: 60rpx; |
|||
height: 60rpx; |
|||
} |
|||
.orderPanel{ |
|||
margin-top: 30rpx; |
|||
flex-direction: column; |
|||
} |
|||
.orderItem{ |
|||
flex-direction: column; |
|||
position: relative; |
|||
align-items: center; |
|||
} |
|||
.orderItemPanel{ |
|||
justify-content: space-around; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
.orderPanelTop{ |
|||
justify-content: space-between; |
|||
margin-left: 32rpx; |
|||
margin-right: 32rpx; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
.orderItemTitel{ |
|||
margin-top: 12rpx; |
|||
font-size: 28rpx; |
|||
color: #555555; |
|||
} |
|||
.serviceItem{ |
|||
width: 332rpx; |
|||
height: 160rpx; |
|||
border-radius: 6rpx; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
|
|||
} |
|||
.serviceItemSelected{ |
|||
border: #E7A23F 2rpx solid; |
|||
} |
|||
.serviceItemNormal{ |
|||
border: #c3c3c3 2rpx solid; |
|||
} |
|||
.serviceItemIcon{ |
|||
width: 50rpx; |
|||
height: 50rpx; |
|||
margin-bottom: 14rpx; |
|||
} |
|||
.servicePanel{ |
|||
flex-direction: column; |
|||
} |
|||
.serviceItemPanel{ |
|||
justify-content: space-around; |
|||
margin-top: 20rpx; |
|||
|
|||
} |
|||
.serviceTitlePanel{ |
|||
justify-content: space-between; |
|||
} |
|||
.checkBtn{ |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
margin-right: 14rpx; |
|||
} |
|||
.agreetPanel{ |
|||
flex-direction: column; |
|||
} |
|||
.agreetTop{ |
|||
margin-left: 32rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
.serviceNextBtn{ |
|||
margin-top: 20rpx; |
|||
height: 96rpx; |
|||
background-color: #E7A23F; |
|||
color: white; |
|||
margin-left: 32rpx; |
|||
margin-right: 32rpx; |
|||
align-items: center; |
|||
justify-content: center; |
|||
border-radius: 6rpx; |
|||
margin-bottom: 40rpx; |
|||
} |
|||
</style> |
|||
@ -1,329 +0,0 @@ |
|||
<template> |
|||
<view class="flex-col page"> |
|||
<view class="flex-col group_4"> |
|||
<view class="flex-col"> |
|||
<view class="flex-col section_2"> |
|||
<view class="justify-center group_5"> |
|||
<text class="text_2">全部</text> |
|||
<text class="text_3">待确认</text> |
|||
<text class="text_4">评级中</text> |
|||
<text class="text_5">待付款</text> |
|||
<text class="text_6">待收货</text> |
|||
<view class="section_3"> </view> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497796432960040.png" |
|||
class="image_6" |
|||
/> |
|||
</view> |
|||
<view class="section_4"> </view> |
|||
</view> |
|||
<view class="flex-col group_6"> |
|||
<view class="flex-col section_5"> |
|||
<view class="justify-between"> |
|||
<view class="flex-row group_8"> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497803048201750.png" |
|||
class="image_7" |
|||
/> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497802899488083.png" |
|||
class="image_7 image_9" |
|||
/> |
|||
<text class="text_7">定价</text> |
|||
</view> |
|||
<text class="text_8">待付款</text> |
|||
</view> |
|||
<view class="justify-between group_9"> |
|||
<view class="flex-row"> |
|||
<text>李丽丽</text> |
|||
<text class="text_10">15273936409</text> |
|||
</view> |
|||
<text>共2件</text> |
|||
</view> |
|||
<view class="group_11"> |
|||
<text class="text_12">合计：</text> |
|||
<text class="text_13">¥120.00</text> |
|||
</view> |
|||
<view class="justify-between group_12"> |
|||
<text class="text_14">更多</text> |
|||
<view class="flex-col items-center text-wrapper"> |
|||
<text>付款</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="flex-col section_6"> |
|||
<view class="justify-between group_13"> |
|||
<view class="flex-row group_14"> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497802876916797.png" |
|||
class="image_10" |
|||
/> |
|||
<view class="group_15"> |
|||
<text class="text_16">全选</text> |
|||
<text class="text_17">(已选 x1)</text> |
|||
</view> |
|||
</view> |
|||
<view class="flex-row group_16"> |
|||
<view class="group_17"> |
|||
<text class="text_18">合计</text> |
|||
<text class="text_19">:</text> |
|||
<text class="text_20">¥ 0</text> |
|||
</view> |
|||
<view class="flex-col items-center text-wrapper_1"> |
|||
<text>合并结算</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="section_7"> </view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return {}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="css"> |
|||
.image_7 { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.page { |
|||
background-color: #f6f6f6; |
|||
width: 100%; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
} |
|||
.group_4 { |
|||
flex: 1 1 auto; |
|||
overflow-y: auto; |
|||
} |
|||
.section_2 { |
|||
padding-left: 38rpx; |
|||
padding-right: 32rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.group_6 { |
|||
padding-top: 2rpx; |
|||
} |
|||
.group_5 { |
|||
padding: 34rpx 0 14rpx; |
|||
} |
|||
.section_4 { |
|||
align-self: center; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 4rpx; |
|||
width: 68rpx; |
|||
height: 8rpx; |
|||
} |
|||
.section_5 { |
|||
padding: 40rpx 30rpx 0 32rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.section_6 { |
|||
margin-top: 828rpx; |
|||
padding: 0 32rpx 16rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.text_2 { |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_3 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_4 { |
|||
margin-left: 44rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_5 { |
|||
margin-left: 46rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_6 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.section_3 { |
|||
margin-left: 36rpx; |
|||
margin-top: 4rpx; |
|||
background-color: rgb(246, 246, 246); |
|||
border-radius: 1rpx; |
|||
width: 2rpx; |
|||
height: 34rpx; |
|||
} |
|||
.image_6 { |
|||
margin: 4rpx 0 4rpx 32rpx; |
|||
width: 36rpx; |
|||
height: 32rpx; |
|||
} |
|||
.group_9 { |
|||
margin-top: 30rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.group_11 { |
|||
margin-top: 20rpx; |
|||
align-self: flex-end; |
|||
white-space: nowrap; |
|||
} |
|||
.group_12 { |
|||
margin-top: 26rpx; |
|||
padding: 32rpx 2rpx 28rpx; |
|||
border-top: solid 2rpx rgb(239, 239, 239); |
|||
} |
|||
.group_13 { |
|||
padding: 18rpx 0 36rpx; |
|||
} |
|||
.section_7 { |
|||
align-self: center; |
|||
background-color: rgb(0, 0, 0); |
|||
border-radius: 4rpx; |
|||
width: 196rpx; |
|||
height: 8rpx; |
|||
} |
|||
.group_8 { |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_8 { |
|||
color: rgb(234, 43, 43); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_12 { |
|||
color: rgb(231, 162, 63); |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
line-height: 34rpx; |
|||
} |
|||
.text_13 { |
|||
color: rgb(231, 162, 63); |
|||
font-size: 32rpx; |
|||
font-weight: 600; |
|||
line-height: 44rpx; |
|||
} |
|||
.text_14 { |
|||
align-self: center; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text-wrapper { |
|||
padding: 10rpx 0; |
|||
color: rgb(234, 43, 43); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
border-radius: 32rpx; |
|||
width: 160rpx; |
|||
height: 64rpx; |
|||
border: solid 2rpx rgb(234, 43, 43); |
|||
} |
|||
.group_14 { |
|||
align-self: center; |
|||
} |
|||
.group_16 { |
|||
width: 296rpx; |
|||
} |
|||
.image_9 { |
|||
margin-left: 20rpx; |
|||
} |
|||
.text_7 { |
|||
margin-left: 12rpx; |
|||
} |
|||
.text_10 { |
|||
margin-left: 21rpx; |
|||
} |
|||
.image_10 { |
|||
width: 44rpx; |
|||
height: 44rpx; |
|||
} |
|||
.group_15 { |
|||
margin-left: 10rpx; |
|||
white-space: nowrap; |
|||
height: 40rpx; |
|||
} |
|||
.group_17 { |
|||
align-self: center; |
|||
white-space: nowrap; |
|||
height: 44rpx; |
|||
} |
|||
.text-wrapper_1 { |
|||
margin-left: 20rpx; |
|||
padding: 16rpx 0; |
|||
color: rgb(255, 255, 255); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 36rpx; |
|||
width: 172rpx; |
|||
height: 72rpx; |
|||
} |
|||
.text_16 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
} |
|||
.text_17 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 24rpx; |
|||
line-height: 34rpx; |
|||
} |
|||
.text_18 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
line-height: 34rpx; |
|||
} |
|||
.text_19 { |
|||
color: rgb(119, 119, 119); |
|||
font-size: 24rpx; |
|||
font-weight: 500; |
|||
line-height: 34rpx; |
|||
} |
|||
.text_20 { |
|||
color: rgb(209, 161, 28); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
} |
|||
</style> |
|||
@ -1,227 +0,0 @@ |
|||
<template> |
|||
<view class="flex-col page"> |
|||
<view class="flex-col group_4"> |
|||
<view class="flex-col"> |
|||
<view class="flex-col section_2"> |
|||
<view class="justify-center group_5"> |
|||
<text class="text_2">全部</text> |
|||
<text class="text_3">待确认</text> |
|||
<text class="text_4">评级中</text> |
|||
<text class="text_5">待付款</text> |
|||
<text class="text_6">待收货</text> |
|||
<view class="section_3"> </view> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497798644145968.png" |
|||
class="image_6" |
|||
/> |
|||
</view> |
|||
<view class="section_4"> </view> |
|||
</view> |
|||
<view class="flex-col group_6"> |
|||
<view class="flex-col section_5"> |
|||
<view class="justify-between"> |
|||
<view class="flex-row group_8"> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497798740970822.png" |
|||
class="image_7" |
|||
/> |
|||
<text class="text_7">在线送评</text> |
|||
</view> |
|||
<text class="text_8">待确认</text> |
|||
</view> |
|||
<view class="justify-between group_9"> |
|||
<view class="flex-row"> |
|||
<text>李丽丽</text> |
|||
<text class="text_10">15273936409</text> |
|||
</view> |
|||
<text>共5件</text> |
|||
</view> |
|||
<view class="justify-between group_11"> |
|||
<text class="text_12">更多</text> |
|||
<view class="flex-row"> |
|||
<view class="flex-col items-center text-wrapper"> |
|||
<text>取消</text> |
|||
</view> |
|||
<view class="flex-col items-center text-wrapper_1"> |
|||
<text>寄送藏品</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="section_6"> </view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return {}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="css"> |
|||
.page { |
|||
background-color: #f6f6f6; |
|||
width: 100%; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
} |
|||
.group_4 { |
|||
flex: 1 1 auto; |
|||
overflow-y: auto; |
|||
} |
|||
.section_2 { |
|||
padding-left: 38rpx; |
|||
padding-right: 32rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.group_6 { |
|||
padding: 2rpx 0 16rpx; |
|||
} |
|||
.group_5 { |
|||
padding: 34rpx 0 14rpx; |
|||
} |
|||
.section_4 { |
|||
margin-left: 110rpx; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 4rpx; |
|||
width: 68rpx; |
|||
height: 8rpx; |
|||
} |
|||
.section_5 { |
|||
padding: 40rpx 32rpx 0; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.section_6 { |
|||
margin-top: 1018rpx; |
|||
align-self: center; |
|||
background-color: rgb(0, 0, 0); |
|||
border-radius: 4rpx; |
|||
width: 196rpx; |
|||
height: 8rpx; |
|||
} |
|||
.text_2 { |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_3 { |
|||
margin-left: 46rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_4 { |
|||
margin-left: 44rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_5 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_6 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.section_3 { |
|||
margin-left: 36rpx; |
|||
margin-top: 4rpx; |
|||
background-color: rgb(246, 246, 246); |
|||
border-radius: 1rpx; |
|||
width: 2rpx; |
|||
height: 34rpx; |
|||
} |
|||
.image_6 { |
|||
margin: 4rpx 0 4rpx 32rpx; |
|||
width: 36rpx; |
|||
height: 32rpx; |
|||
} |
|||
.group_9 { |
|||
margin-top: 30rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.group_11 { |
|||
margin-top: 26rpx; |
|||
padding: 32rpx 0 28rpx; |
|||
border-top: solid 2rpx rgb(239, 239, 239); |
|||
} |
|||
.group_8 { |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_8 { |
|||
color: rgb(43, 102, 234); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_12 { |
|||
align-self: center; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.image_7 { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
.text_7 { |
|||
margin-left: 12rpx; |
|||
} |
|||
.text_10 { |
|||
margin-left: 21rpx; |
|||
} |
|||
.text-wrapper { |
|||
padding: 10rpx 0; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
border-radius: 32rpx; |
|||
width: 160rpx; |
|||
height: 64rpx; |
|||
border: solid 2rpx rgb(153, 153, 153); |
|||
} |
|||
.text-wrapper_1 { |
|||
margin-left: 18rpx; |
|||
padding: 10rpx 0; |
|||
color: rgb(231, 162, 63); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
border-radius: 32rpx; |
|||
width: 160rpx; |
|||
height: 64rpx; |
|||
border: solid 2rpx rgb(231, 162, 63); |
|||
} |
|||
</style> |
|||
@ -1,349 +0,0 @@ |
|||
<template> |
|||
<view class="flex-col page"> |
|||
<view class="flex-col group_4"> |
|||
<view class="flex-col"> |
|||
<view class="flex-col section_2"> |
|||
<view class="justify-center group_5"> |
|||
<text class="text_2">全部</text> |
|||
<text class="text_3">待确认</text> |
|||
<text class="text_4">评级中</text> |
|||
<text class="text_5">待付款</text> |
|||
<text class="text_6">待收货</text> |
|||
<view class="section_3"> </view> |
|||
<image |
|||
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497796432960040.png" |
|||
class="image_6" |
|||
/> |
|||
</view> |
|||
<view class="section_4"> </view> |
|||
</view> |
|||
<view class="flex-col group_6"> |
|||
<view class="flex-col section_5"> |
|||
<view class="flex-col"> |
|||
<text class="text_7">按收货确认时间</text> |
|||
<view class="flex-col group_8"> |
|||
<view class="flex-row"> |
|||
<view class="flex-col items-center text-wrapper"> |
|||
<text>1个月内</text> |
|||
</view> |
|||
<view class="text-wrapper_1 flex-col items-center"> |
|||
<text>3个月内</text> |
|||
</view> |
|||
<view class="text-wrapper_1 flex-col items-center view_3"> |
|||
<text>6个月内</text> |
|||
</view> |
|||
<view class="text-wrapper_1 flex-col items-center"> |
|||
<text>今年</text> |
|||
</view> |
|||
</view> |
|||
<view class="flex-row group_10"> |
|||
<view class="left-text-wrapper flex-col items-center"> |
|||
<text>2021年</text> |
|||
</view> |
|||
<view class="left-text-wrapper flex-col items-center view_6"> |
|||
<text>2020年</text> |
|||
</view> |
|||
<view class="left-text-wrapper flex-col items-center view_7"> |
|||
<text>2019年</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="flex-col group_11"> |
|||
<text class="text_15">按送评信息</text> |
|||
<view class="flex-row group_12"> |
|||
<view class="flex-col items-center text-wrapper_2"> |
|||
<text>输入送评人姓名或手机号</text> |
|||
</view> |
|||
<view class="flex-col items-start text-wrapper_3"> |
|||
<text class="text_17">输入标签</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="flex-col group_13"> |
|||
<text class="text_18">按送评信息</text> |
|||
<view class="flex-col items-start text-wrapper_4"> |
|||
<text class="text_19">输入评级编号</text> |
|||
</view> |
|||
</view> |
|||
<view class="flex-row group_14"> |
|||
<view class="flex-col items-center text-wrapper_5"> |
|||
<text>重置</text> |
|||
</view> |
|||
<view class="flex-col items-center text-wrapper_6"> |
|||
<text>确认</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view class="flex-col items-center group_15"> |
|||
<view class="section_6"> </view> |
|||
<view class="section_7"> </view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return {}; |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped lang="css"> |
|||
.text-wrapper_1 { |
|||
margin-left: 16rpx; |
|||
flex: 1 1 160rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
padding: 14rpx 0; |
|||
background-color: rgb(246, 246, 246); |
|||
border-radius: 10rpx; |
|||
height: 68rpx; |
|||
} |
|||
.left-text-wrapper { |
|||
padding: 14rpx 0; |
|||
background-color: rgb(246, 246, 246); |
|||
border-radius: 10rpx; |
|||
width: 160rpx; |
|||
height: 68rpx; |
|||
} |
|||
.page { |
|||
background-color: #f6f6f6; |
|||
width: 100%; |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
} |
|||
.group_4 { |
|||
flex: 1 1 auto; |
|||
overflow-y: auto; |
|||
} |
|||
.section_2 { |
|||
padding-left: 38rpx; |
|||
padding-right: 32rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.group_6 { |
|||
padding-top: 2rpx; |
|||
} |
|||
.group_5 { |
|||
padding: 34rpx 0 14rpx; |
|||
} |
|||
.section_4 { |
|||
margin-right: 114rpx; |
|||
align-self: flex-end; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 4rpx; |
|||
width: 68rpx; |
|||
height: 8rpx; |
|||
} |
|||
.section_5 { |
|||
padding: 40rpx 32rpx 50rpx; |
|||
background-color: rgb(255, 255, 255); |
|||
} |
|||
.group_15 { |
|||
padding: 506rpx 0 16rpx; |
|||
position: relative; |
|||
} |
|||
.text_2 { |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_3 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_4 { |
|||
margin-left: 44rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_5 { |
|||
margin-left: 46rpx; |
|||
color: rgb(153, 153, 153); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_6 { |
|||
margin-left: 46rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.section_3 { |
|||
margin-left: 36rpx; |
|||
margin-top: 4rpx; |
|||
background-color: rgb(246, 246, 246); |
|||
border-radius: 1rpx; |
|||
width: 2rpx; |
|||
height: 34rpx; |
|||
} |
|||
.image_6 { |
|||
margin: 4rpx 0 4rpx 32rpx; |
|||
width: 36rpx; |
|||
height: 32rpx; |
|||
} |
|||
.group_11 { |
|||
margin-top: 50rpx; |
|||
} |
|||
.group_13 { |
|||
margin-top: 50rpx; |
|||
} |
|||
.group_14 { |
|||
margin-top: 50rpx; |
|||
} |
|||
.section_6 { |
|||
background-color: rgb(0, 0, 0); |
|||
border-radius: 4rpx; |
|||
width: 196rpx; |
|||
height: 8rpx; |
|||
} |
|||
.section_7 { |
|||
background-color: rgba(0, 0, 0, 0.5); |
|||
width: 750rpx; |
|||
height: 528rpx; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
position: absolute; |
|||
} |
|||
.text_7 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.group_8 { |
|||
margin-top: 20rpx; |
|||
} |
|||
.text_15 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.group_12 { |
|||
margin-top: 20rpx; |
|||
color: rgb(195, 195, 195); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text_18 { |
|||
color: rgb(51, 51, 51); |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text-wrapper_4 { |
|||
margin-top: 18rpx; |
|||
padding: 12rpx 0; |
|||
color: rgb(195, 195, 195); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
border-radius: 10rpx; |
|||
border: solid 2rpx rgb(195, 195, 195); |
|||
} |
|||
.text-wrapper_5 { |
|||
padding: 24rpx 0; |
|||
flex: 1 1 330rpx; |
|||
color: rgb(195, 195, 195); |
|||
font-size: 32rpx; |
|||
font-weight: 600; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
border-radius: 10rpx; |
|||
height: 96rpx; |
|||
border: solid 2rpx rgb(195, 195, 195); |
|||
} |
|||
.text-wrapper_6 { |
|||
margin-left: 26rpx; |
|||
padding: 26rpx 0; |
|||
flex: 1 1 330rpx; |
|||
color: rgb(255, 255, 255); |
|||
font-size: 32rpx; |
|||
font-weight: 600; |
|||
line-height: 44rpx; |
|||
white-space: nowrap; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 10rpx; |
|||
height: 96rpx; |
|||
} |
|||
.group_10 { |
|||
margin-top: 20rpx; |
|||
color: rgb(51, 51, 51); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
} |
|||
.text-wrapper_2 { |
|||
padding: 12rpx 0; |
|||
flex: 1 1 auto; |
|||
border-radius: 10rpx; |
|||
height: 68rpx; |
|||
border: solid 2rpx rgb(195, 195, 195); |
|||
} |
|||
.text-wrapper_3 { |
|||
margin-left: 28rpx; |
|||
padding: 12rpx 0; |
|||
border-radius: 10rpx; |
|||
width: 308rpx; |
|||
height: 68rpx; |
|||
border: solid 2rpx rgb(195, 195, 195); |
|||
} |
|||
.text_19 { |
|||
margin-left: 18rpx; |
|||
} |
|||
.text-wrapper { |
|||
padding: 14rpx 0; |
|||
flex: 1 1 160rpx; |
|||
color: rgb(255, 255, 255); |
|||
font-size: 28rpx; |
|||
font-weight: 500; |
|||
line-height: 40rpx; |
|||
white-space: nowrap; |
|||
background-color: rgb(231, 162, 63); |
|||
border-radius: 10rpx; |
|||
height: 68rpx; |
|||
} |
|||
.view_3 { |
|||
margin-left: 14rpx; |
|||
} |
|||
.view_6 { |
|||
margin-left: 16rpx; |
|||
} |
|||
.view_7 { |
|||
margin-left: 14rpx; |
|||
} |
|||
.text_17 { |
|||
margin-left: 18rpx; |
|||
} |
|||
</style> |
|||
|
After Width: 30 | Height: 30 | Size: 1.2 KiB |
|
Before Width: 44 | Height: 44 | Size: 1.2 KiB After Width: 44 | Height: 44 | Size: 1.2 KiB |
|
Before Width: 32 | Height: 38 | Size: 1.1 KiB After Width: 32 | Height: 38 | Size: 1.1 KiB |
|
After Width: 40 | Height: 40 | Size: 1.3 KiB |
|
After Width: 754 | Height: 6 | Size: 410 B |
|
Before Width: 60 | Height: 60 | Size: 2.0 KiB After Width: 60 | Height: 60 | Size: 2.0 KiB |
|
Before Width: 60 | Height: 60 | Size: 2.3 KiB After Width: 60 | Height: 60 | Size: 2.3 KiB |
|
Before Width: 60 | Height: 60 | Size: 1.7 KiB After Width: 60 | Height: 60 | Size: 1.7 KiB |
|
Before Width: 60 | Height: 60 | Size: 2.0 KiB After Width: 60 | Height: 60 | Size: 2.0 KiB |
|
After Width: 40 | Height: 40 | Size: 1.7 KiB |
|
After Width: 40 | Height: 40 | Size: 1.1 KiB |
|
After Width: 40 | Height: 40 | Size: 1.2 KiB |
|
After Width: 40 | Height: 40 | Size: 1.3 KiB |
|
After Width: 80 | Height: 80 | Size: 4.1 KiB |
|
After Width: 80 | Height: 80 | Size: 3.5 KiB |
|
After Width: 80 | Height: 80 | Size: 2.8 KiB |
|
After Width: 80 | Height: 80 | Size: 4.1 KiB |
|
After Width: 80 | Height: 80 | Size: 4.0 KiB |
|
After Width: 36 | Height: 36 | Size: 959 B |
|
After Width: 220 | Height: 220 | Size: 70 KiB |
|
Before Width: 44 | Height: 44 | Size: 490 B |
|
Before Width: 50 | Height: 50 | Size: 1.2 KiB |
|
Before Width: 44 | Height: 44 | Size: 1.2 KiB |
|
Before Width: 50 | Height: 50 | Size: 1.3 KiB |
|
Before Width: 50 | Height: 50 | Size: 1.8 KiB |
|
Before Width: 38 | Height: 36 | Size: 1.4 KiB |
|
Before Width: 44 | Height: 44 | Size: 1.2 KiB |
|
Before Width: 50 | Height: 50 | Size: 1.1 KiB |
|
Before Width: 112 | Height: 112 | Size: 7.9 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue