Leadfyy.co
/
uniapp-qxk
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

【修改】 整理页面，添加基本的路由跳转

master
邓平艺 4 years ago
parent
f0df613e2a
commit
c02ed8ff60
23 changed files with 4500 additions and 236 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      App.vue
  2. 103
      common/mixin.js
  3. 225
      components/lf-header.vue
  4. 3
      main.js
  5. 0
      packages/addAddress/addAddress-副本.vue
  6. 158
      packages/addAddress/addAddress.vue
  7. 0
      packages/address/address.vue
  8. 468
      packages/ratingQueryDetail/ratingQueryDetail.vue
  9. 184
      packages/sonpingDetail/expenseDetail.vue
  10. 123
      packages/sonpingDetail/ratingTrajectory.vue
  11. 477
      packages/sonpingDetail/sonpingDetail.vue
  12. 445
      packages/sonpingDetail/viewDetail.vue
  13. 86
      pages.json
  14. 124
      pages/fastRating/fastRating.vue
  15. 284
      pages/index/index - 副本.vue
  16. 768
      pages/index/index.vue
  17. 329
      pages/order/order.vue
  18. 93
      pages/ratingCriteria/ratingCriteria.vue
  19. 89
      pages/ratingQuery/ratingQuery.vue
  20. 2
      pages/settings/settings.vue
  21. 386
      pages/write/baseInfo.vue
  22. 310
      pages/write/distribution.vue
  23. 77
      styles/lanhu.css

2
App.vue
View File

@ -13,6 +13,7 @@
</script>
<style>
@import url("styles/lanhu.css");
/*每个页面公共css */
page{
background-color: #F6F6F6;
@ -25,4 +26,5 @@
background-color: rgba(0,0,0,0.06);
height: 1rpx;
}
</style>

103
common/mixin.js
View File

@ -0,0 +1,103 @@
export default{
data(){
return {
pageScrollTop: 0, // 页面距离顶部的距离
}
},
onPageScroll(res) {
this.pageScrollTop = res.scrollTop;
},
methods: {
$isRight(val){
return this.$shared.isRight(val);
},
$check(str, type) {
switch (type) {
case 'mobile': //手机号码
return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
case 'tel': //座机
return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
case 'card': //身份证
return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
case 'mobileCode': //6位数字验证码
return /^[0-9]{6}$/.test(str)
case 'pwd': //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
return /^([a-zA-Z0-9_]){6,20}$/.test(str)
case 'payPwd': //支付密码 6位纯数字
return /^[0-9]{6}$/.test(str)
case 'postal': //邮政编码
return /[1-9]\d{5}(?!\d)/.test(str);
case 'QQ': //QQ号
return /^[1-9][0-9]{4,9}$/.test(str);
case 'email': //邮箱
return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
case 'money': //金额(小数点2位)
return /^\d*(?:\.\d{0,2})?$/.test(str);
case 'URL': //网址
return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
case 'IP': //IP
return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
case 'date': //日期时间
return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/
.test(str)
case 'number': //数字
return /^[0-9]$/.test(str);
case 'english': //英文
return /^[a-zA-Z]+$/.test(str);
case 'chinese': //中文
return /^[\\u4E00-\\u9FA5]+$/.test(str);
case 'lower': //小写
return /^[a-z]+$/.test(str);
case 'upper': //大写
return /^[A-Z]+$/.test(str);
case 'HTML': //HTML标记
return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
default:
return true;
}
},
$msg(title = '', param = {}) {
return new Promise((resolve, reject) => {
if(!title){
reject();
return;
}
uni.showToast({
title,
duration: param.duration || 1500,
mask: param.mask || true, // 默认应该加mask 禁止提示时操作
icon: param.icon || 'none',
complete: result => {
setTimeout(() => {
resolve();
}, param.duration || 1500);
}
});
})
},
$url(url, options = {}){
this.$u.throttle(() => {
if(options.type && options.type !== ''){
if(options.type === 'redirect'){ // 关闭当前，跳转
uni.redirectTo({ url })
}else if(options.type === 'switch'){ // 跳转
uni.switchTab({ url })
}else if(options.type === 'launch'){ // 关闭所有，跳转
uni.reLaunch({ url })
}
}else{
uni.navigateTo({ url }) // 跳转
}
}, 100);
},
$toBack(){
let pages = getCurrentPages(); // 当前页
let beforePage = pages[pages.length - 2]; // 上个页面
if(beforePage && beforePage.route){
uni.navigateBack();
}else{
uni.switchTab({url:'/pages/index/index'});
}
}
}
}

225
components/lf-header.vue
View File

@ -0,0 +1,225 @@
<template>
<view>
<view :style="{marginBottom: spreadOut ? headHeight + 'px' : '0px'}">
<view :class="{head: true, 'border-b': boderBottom}" :style="{height: headHeight + 'px', background: bgColor}">
<block v-if="diy">
<view class="diy-head" :style="{'top': headHeight - 38 + 'px'}">
<slot></slot>
</view>
</block>
<block v-else>
<view class="head-nav" :style="{'top': headHeight - 40 + 'px'}" v-if="showIcon">
<text class="lf-iconfont icon-fanhui font-43size" @click="clickDropOut"></text>
<text class="lf-iconfont icon-shouye font-30size" @click="clickHome"></text>
</view>
<view class="title-box" :style="{'margin': headHeight - 36 + 'px auto 0'}">
<!-- <input class="search" placeholder="搜你想要的" confirm-type="search" v-model="value" @confirm="onSearch" v-if="search" /> -->
<view class="search" v-if="search">
<u-search placeholder="搜你想要的" bg-color="#F4F8F8"
:height="50" :show-action="false"
:disabled="true"
@click="searchClick">
</u-search>
</view>
<text class="font-30size" :style="{color: titleColor}" v-else>{{ title }}</text>
</view>
</block>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
title: {
type: String, // 标题
default: ''
},
showIcon: {
type: Boolean, // 是否显示左侧操作菜单
default: false
},
bgColor: {
type: String, // head背景颜色
default: '#f8f8f8'
},
titleColor: {
type: String, // 标题字体颜色
default: '#1d1d1d'
},
spreadOut: {
type: Boolean, // 内容是否自动撑开，该组件悬浮了，原有的dom不再占用位置，如果需要占用值为true
default: true
},
search: {
type: Boolean, // 是否显示搜索输入框
default: false
},
diy: {
type: Boolean, // 自定义内容，开启后title，showIcon，search均都不生效
default: false
},
backInquiry: {
type: Boolean, // 点击返回按钮后是否弹出询问弹窗，showIcon为true时生效
default: false
},
backDiy: {
type: Boolean, // 点击返回按钮后是否执行自定义方法，优先级低于backInquiry
default: false
},
backCallback: {
type: Function // 返回执行的自定义方法
},
boderBottom: {
type: Boolean, // 是否显示底部边框线
default: false
}
},
data() {
return {
headHeight: 66, // 头部导航高度
value: ''
};
},
created(){
this.getSystemInfo();
},
methods: {
// 获取手机高度
getSystemInfo(){
let result = uni.getSystemInfoSync();
this.headHeight = result.statusBarHeight + 46;
this.$emit('changeHeight', this.headHeight);
},
// 监听返回
clickDropOut(event){
if(this.backInquiry){
uni.showModal({
title: '温馨提示',
content: '确定离开此页面吗？',
success: result => {
if(result.confirm){
this.$back();
}
}
})
}else{
if(this.backDiy){
this.$emit('backCallback');
}else{
this.$back();
}
}
},
$back(){
let pages = getCurrentPages();
if(pages.length <= 1){
uni.redirectTo({
url: '/pages/index/index/index'
})
return;
}
uni.navigateBack();
},
// 监听回到首页
clickHome(){
uni.reLaunch({
url: '/pages/index/index/index'
})
},
// 搜索
onSearch(event){
this.$emit('search', event.detail.value);
},
searchClick(){
this.$url('/pages/shop/search');
}
}
}
</script>
<style lang="scss" scoped>
.font-40size{
font-size: 40rpx;
}
.font-30size{
font-size: 30rpx;
}
.border-b{
border-bottom: 1rpx solid #e5e5e5;
}
.head{
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
transition: all .2s;
}
.head .head-nav{
position: absolute;
left: 2vw;
cursor: pointer;
width: 130rpx;
background-color: #FFFFFF;
border: 1rpx solid #dcd3d5;
border-radius: 30rpx;
height: 60rpx;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
// padding: 0 12rpx;
}
.head .head-nav>text{
display: inline-block;
width: 50%;
height: 100%;
line-height: 57rpx;
}
.head .head-nav>text:nth-child(1){
padding-left: 12rpx;
}
.head .head-nav>text:nth-child(2){
text-align: right;
padding-right: 12rpx;
}
.head .head-nav::after{
position: absolute;
content: '';
width: 2rpx;
height: 40rpx;
background-color: #f7f7f7;
left: 50%;
top: calc(50% - 20rpx);
}
.title-box{
max-width: 49%;
height: 50rpx;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search{
width: 228rpx;
height: 50rpx;
margin: 0 auto;
text-align: left;
font-size: 24rpx;
/* background-color: #f0f0f0;
color: #9a9a9a;
border-radius: 30rpx;
box-sizing: border-box;
padding: 0 20rpx; */
}
.diy-head{
position: absolute;
left: 2vw;
max-width: 70%;
height: 50rpx;
display: flex;
}
</style>

3
main.js
View File

@ -1,5 +1,8 @@
import App from './App'
import uView from '@/uni_modules/uview-ui'
import mixin from '@/common/mixin.js';
Vue.mixin(mixin);
// #ifndef VUE3
import Vue from 'vue'

0
pages/addAddress/addAddress.vue → packages/addAddress/addAddress-副本.vue
View File

158
packages/addAddress/addAddress.vue
View File

@ -0,0 +1,158 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col section_2">
<view class="top-group flex-row">
<text class="text_2">收货人</text>
<text class="text_3">请填写收货人姓名</text>
</view>
<view class="top-group flex-row">
<text class="text_4">手机号码</text>
<text class="text_5">请填写收货人手机号码</text>
</view>
<view class="flex-col group_5">
<view class="top-group justify-between">
<view class="flex-row">
<text class="text_6">所在地区</text>
<text class="text_7">请选择所在地区</text>
</view>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_6"
/>
</view>
<view class="flex-row group_7">
<text class="text_8">详细地址</text>
<text class="text_9">请填写详细地址：如道路、门牌号、楼栋号、单元室等</text>
</view>
</view>
</view>
<view class="flex-col group_8">
<view class="flex-col items-center button">
<text>保存</text>
</view>
<view class="section_3"> </view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.top-group {
padding: 40rpx 0 38rpx;
border-bottom: solid 2rpx rgb(239, 239, 239);
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding-top: 2rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 0 32rpx;
background-color: rgb(255, 255, 255);
}
.group_8 {
margin-top: 64rpx;
padding: 16rpx 32rpx;
color: rgb(231, 162, 63);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.group_5 {
padding-top: 2rpx;
}
.button {
padding: 24rpx 0;
border-radius: 10rpx;
border: solid 2rpx rgb(231, 162, 63);
}
.section_3 {
margin-top: 706rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.text_2 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
margin-left: 72rpx;
color: rgb(195, 195, 195);
font-size: 32rpx;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
margin-left: 40rpx;
color: rgb(195, 195, 195);
font-size: 32rpx;
line-height: 44rpx;
white-space: nowrap;
}
.group_7 {
margin-right: 6rpx;
padding: 40rpx 0;
}
.image_6 {
width: 44rpx;
height: 44rpx;
}
.text_8 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
margin-left: 40rpx;
flex: 1 1 auto;
color: rgb(195, 195, 195);
font-size: 32rpx;
line-height: 44rpx;
text-align: left;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
margin-left: 40rpx;
color: rgb(195, 195, 195);
font-size: 32rpx;
line-height: 44rpx;
white-space: nowrap;
}
</style>

0
pages/address/address.vue → packages/address/address.vue
View File

468
packages/ratingQueryDetail/ratingQueryDetail.vue
View File

@ -0,0 +1,468 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col section_2">
<view class="flex-row equal-division">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497793576171527.png"
class="equal-division-item"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497793686883881.png"
class="equal-division-item image_7"
/>
</view>
</view>
<view class="flex-col section_3">
<view class="flex-row">
<text class="text_2">编号</text>
<text class="text_3">847539845935940</text>
</view>
<view class="flex-row group_6">
<text class="text_4">系列</text>
<text class="text_5">nx系列</text>
</view>
<view class="flex-row group_7">
<text class="text_6">子系列</text>
<text class="text_7">n系列</text>
</view>
<view class="flex-row group_8">
<text class="text_8">发行商</text>
<text class="text_9">华克发行商</text>
</view>
</view>
<view class="justify-between section_4">
<view class="flex-col">
<view class="flex-col items-center">
<view class="group_11">
<text class="text_10">居中分：</text>
<text class="text_11">10</text>
</view>
<view class="group_12">
<text class="text_12">边框分：</text>
<text class="text_13">10</text>
</view>
</view>
<view class="group_13">
<text class="text_14">表面分：</text>
<text class="text_15">9.5</text>
</view>
<view class="group_14">
<text class="text_16">签字分：</text>
<text class="text_17">9</text>
</view>
<view class="group_15">
<text class="text_18">卡角分：</text>
<text class="text_19">9</text>
</view>
</view>
<view class="flex-col items-center section_5">
<text class="text_20">9.5</text>
<text class="text_21">总评分</text>
</view>
</view>
<view class="flex-col section_6">
<view class="flex-col group_16">
<view class="flex-col section_7">
<view class="justify-between section_8">
<view class="left-text-wrapper flex-col items-center">
<text>评级</text>
</view>
<view class="section_9"> </view>
<view class="left-text-wrapper flex-col items-center">
<text>数量</text>
</view>
</view>
<view class="justify-between group_17">
<text>10</text>
<text class="text_25">1</text>
</view>
<view class="justify-between group_18">
<text>9.5</text>
<text class="text_27">3</text>
</view>
<view class="justify-between group_19">
<text>9</text>
<text>10</text>
<view class="divider"> </view>
</view>
<view class="justify-between group_20">
<text>8.5</text>
<text>35</text>
</view>
<view class="justify-between group_21">
<text>8</text>
<text>70</text>
</view>
<view class="justify-between group_22">
<view class="flex-row">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497794827070883.png"
class="image_8"
/>
<text class="text_34">7.5</text>
</view>
<text class="text_35">30</text>
</view>
</view>
<view class="flex-col items-center button">
<text>复制拍卖链接</text>
</view>
</view>
<view class="section_10"> </view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.equal-division-item {
flex: 1 1 330rpx;
border-radius: 10rpx;
width: 330rpx;
height: 396rpx;
}
.left-text-wrapper {
width: 82rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding-top: 2rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 40rpx 0;
background-color: rgb(255, 255, 255);
}
.section_3 {
margin-top: 30rpx;
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.section_4 {
margin-top: 30rpx;
padding: 40rpx 34rpx;
background-color: rgb(255, 255, 255);
}
.section_6 {
margin-top: 30rpx;
padding: 0 32rpx 16rpx;
background-color: rgb(255, 255, 255);
}
.equal-division {
margin-left: 32rpx;
margin-right: 33rpx;
}
.group_6 {
margin-top: 50rpx;
}
.group_7 {
margin-top: 50rpx;
}
.group_8 {
margin-top: 50rpx;
}
.section_5 {
margin-right: 78rpx;
margin-top: 6rpx;
padding: 80rpx 0;
background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497793713644030.png');
background-position: 0px 0px;
background-size: 100% 100%;
background-repeat: no-repeat;
width: 306rpx;
height: 404rpx;
}
.group_16 {
padding: 40rpx 0;
}
.section_10 {
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.image_7 {
margin-left: 25rpx;
}
.text_2 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
margin-left: 92rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
margin-left: 92rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_6 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
margin-left: 60rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
margin-left: 60rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_13 {
margin-top: 50rpx;
white-space: nowrap;
}
.group_14 {
margin-top: 50rpx;
white-space: nowrap;
}
.group_15 {
margin-top: 50rpx;
white-space: nowrap;
}
.text_20 {
color: rgb(34, 34, 34);
font-size: 120rpx;
line-height: 168rpx;
white-space: nowrap;
}
.text_21 {
margin-top: 36rpx;
color: rgb(34, 34, 34);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.section_7 {
border-radius: 10rpx;
border: solid 2rpx rgb(246, 246, 246);
}
.button {
margin-top: 40rpx;
padding: 26rpx 0;
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;
}
.group_11 {
white-space: nowrap;
}
.group_12 {
margin-top: 40rpx;
white-space: nowrap;
}
.text_14 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
}
.text_15 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.text_16 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
}
.text_17 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.text_18 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
}
.text_19 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.section_8 {
padding: 20rpx 130rpx;
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
background-color: rgb(246, 246, 246);
border-radius: 10rpx 10rpx 0px 0px;
}
.group_17 {
padding: 16rpx 158rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
border-bottom: solid 2rpx rgb(246, 246, 246);
}
.group_18 {
padding: 16rpx 150rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
border-bottom: solid 2rpx rgb(246, 246, 246);
}
.group_19 {
padding: 16rpx 154rpx 0 162rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
position: relative;
}
.group_20 {
margin-top: 14rpx;
padding: 18rpx 150rpx 14rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
border-top: solid 2rpx rgb(246, 246, 246);
border-bottom: solid 2rpx rgb(246, 246, 246);
}
.group_21 {
padding: 16rpx 152rpx 16rpx 164rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
border-bottom: solid 2rpx rgb(246, 246, 246);
}
.group_22 {
padding: 16rpx 134rpx 20rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.text_10 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
}
.text_11 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.text_12 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
}
.text_13 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.section_9 {
align-self: center;
background-color: rgb(255, 255, 255);
width: 82rpx;
height: 2rpx;
}
.text_25 {
margin-right: 6rpx;
}
.text_27 {
margin-right: 12rpx;
}
.divider {
background-color: rgb(246, 246, 246);
width: 560rpx;
height: 2rpx;
position: absolute;
bottom: 22rpx;
left: 50%;
transform: translateX(-50%);
}
.text_35 {
margin-right: 18rpx;
}
.image_8 {
align-self: center;
width: 20rpx;
height: 22rpx;
}
.text_34 {
margin-left: 8rpx;
}
</style>

184
packages/sonpingDetail/expenseDetail.vue
View File

@ -0,0 +1,184 @@
<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-between">
<text class="text_2">费用合计</text>
<text class="text_3">¥120</text>
</view>
<view class="justify-between group_7">
<text class="text_4">订单折扣</text>
<text class="text_5">无</text>
</view>
</view>
<view class="center-section flex-col">
<view class="justify-between">
<text class="text_6">评级费用</text>
<view class="right-group flex-row">
<text>¥120</text>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497783561062920.png"
class="image_6"
/>
</view>
</view>
<view class="group_9 justify-between">
<text>ANDRW WIGGINS</text>
<text>¥40</text>
</view>
<view class="justify-between group_10">
<text>ANDRW WIGGINS</text>
<text>¥40</text>
</view>
<view class="justify-between group_11">
<text>ANDRW WIGGINS</text>
<text>¥40</text>
</view>
</view>
<view class="center-section flex-col">
<view class="justify-between">
<text class="text_6">其他费用</text>
<view class="right-group flex-row">
<text>¥0</text>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497784293806985.png"
class="image_6"
/>
</view>
</view>
<view class="group_9 flex-row">
<text>费用名称</text>
<text class="text_18">价格</text>
<text class="text_19">数量</text>
<text class="text_20">合计</text>
</view>
</view>
</view>
<view class="section_3"> </view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.center-section {
margin-top: 30rpx;
padding: 40rpx 30rpx 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.image_6 {
margin-left: 8rpx;
align-self: center;
width: 26rpx;
height: 16rpx;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.right-group {
color: rgb(231, 162, 63);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.group_9 {
margin-top: 40rpx;
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding: 2rpx 0 16rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_3 {
margin-top: 596rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.section_2 {
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.group_7 {
margin-top: 50rpx;
}
.group_10 {
margin-top: 30rpx;
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.group_11 {
margin-top: 30rpx;
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_2 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
color: rgb(231, 162, 63);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.text_18 {
margin-left: 116rpx;
}
.text_19 {
margin-left: 118rpx;
}
.text_20 {
margin-left: 116rpx;
}
</style>

123
packages/sonpingDetail/ratingTrajectory.vue
View File

@ -0,0 +1,123 @@
<template>
<view class="flex-col page">
<view class="flex-col group_3">
<view class="flex-col section_2">
<view class="bottom-group justify-center">
<text class="text_2">发货单号：</text>
<text class="text_3">9847583947839743-1</text>
</view>
<view class="flex-row group_4">
<text class="text_4">客服电话：</text>
<text class="text_5">010737488947</text>
</view>
</view>
<view class="flex-col list">
<view class="list-item flex-col" :key="i" v-for="(item, i) in listD8Bhg9Dz">
<view class="top-group flex-row">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780738649955.png"
class="image_6"
/>
<text class="text_6">发货，您的包裹已邮寄，请注意查收</text>
</view>
<text class="text_8">2022-03-16 16:27</text>
</view></view
>
</view>
</view>
</template>
<script>
export default {
data() {
return { listD8Bhg9Dz: [null, null, null, null, null, null, null, null, null] };
},
};
</script>
<style scoped lang="css">
.bottom-group {
position: relative;
}
.list-item {
padding: 5rpx 6rpx;
}
.top-group {
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_8 {
margin-left: 76rpx;
color: rgb(119, 119, 119);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
white-space: nowrap;
}
.image_6 {
width: 56rpx;
height: 56rpx;
}
.text_6 {
margin-left: 20rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_3 {
padding-top: 2rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.list {
margin-top: 30rpx;
padding: 35rpx 26rpx 16rpx;
background-color: rgb(255, 255, 255);
}
.group_4 {
margin-top: 20rpx;
}
.text_2 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.text_3 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
margin-left: 10rpx;
color: rgb(43, 102, 234);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
</style>

477
packages/sonpingDetail/sonpingDetail.vue
View File

@ -0,0 +1,477 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-row section_2">
<view class="flex-row group_5">
<text class="text_2">发货单号：</text>
<text class="text_3">9847583947839743-1</text>
</view>
<text class="text_4">评级中</text>
</view>
<view class="section_3 flex-col">
<view class="justify-between" @click="$url('/packages/sonpingDetail/viewDetail')">
<view class="flex-row">
<text class="text_5">明细：</text>
<text class="text_6">共3件</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780150582913.png"
class="image_6"
/>
</view>
<view class="justify-between group_8" @click="$url('/packages/sonpingDetail/expenseDetail')">
<view class="flex-row">
<text class="text_7">费用：</text>
<text class="text_8">暂无</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780230366393.png"
class="image_6"
/>
</view>
<view class="flex-col group_10" @click="$url('/packages/address/address')">
<view class="justify-between">
<view class="flex-row">
<text class="text_9">收货人：</text>
<text class="text_10">李丽丽</text>
<text class="text_11">15273936409</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780269942998.png"
class="image_6"
/>
</view>
<text class="text_12">北京北京市海淀区钻石大厦C座</text>
</view>
</view>
<view class="section_3 flex-col">
<view class="flex-col group_13" @click="$url('/packages/sonpingDetail/ratingTrajectory')">
<view class="flex-row">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497775960694116.png"
class="image_10"
/>
<text class="text_13">收货确认，您的包裹已收到，请耐心等待</text>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780327296781.png"
class="image_6 image_11"
/>
</view>
<text class="text_14">2022-03-12 16:46</text>
</view>
<view class="flex-row group_15">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497777959592422.png"
class="image_12"
/>
<text class="text_15">温馨提示：如需发票，请在订单完成后一个月内到官网申请</text>
</view>
</view>
<view class="flex-col section_4">
<text class="text_16">送评信息</text>
<view class="justify-between group_16">
<view class="flex-row">
<text class="text_17">寄送藏品：</text>
<text class="text_18">顺丰 SF137843938493</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780290849398.png"
class="image_6"
/>
</view>
<view class="flex-row group_18">
<text class="text_19">送评公司：</text>
<text class="text_20">北京评分卡部</text>
</view>
<view class="flex-row group_19">
<text class="text_21">送评人：</text>
<text class="text_22">卡卡</text>
</view>
<view class="flex-row group_20">
<text class="text_23">联系方式：</text>
<text class="text_24">1527396409</text>
</view>
<view class="flex-row group_21">
<text class="text_25">是否快评：</text>
<text class="text_26">否</text>
</view>
<view class="flex-row group_22">
<text class="text_27">保价：</text>
<text class="text_28">¥0</text>
</view>
<view class="flex-col group_23">
<view class="flex-col">
<view class="flex-row">
<text class="text_29">打包照片</text>
<text class="text_30">送评前请拍照，可确保权益</text>
</view>
<view class="flex-row equal-division">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item image_14"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item"
/>
</view>
</view>
<view class="flex-col group_26">
<view class="flex-col items-center text-wrapper">
<text>更改地址</text>
</view>
<view class="section_5"> </view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.section_3 {
margin-top: 30rpx;
padding: 40rpx 30rpx 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.image_6 {
margin: 10rpx 0 8rpx;
width: 16rpx;
height: 26rpx;
}
.equal-division-item {
margin-left: 28rpx;
flex: 1 1 210rpx;
width: 210rpx;
height: 130rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding-top: 2rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.section_4 {
margin-top: 30rpx;
padding: 40rpx 30rpx 16rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.group_5 {
flex: 1 1 auto;
}
.text_4 {
margin-left: 40rpx;
color: rgb(172, 205, 35);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_8 {
margin-top: 50rpx;
}
.group_10 {
margin-top: 50rpx;
}
.group_13 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_15 {
margin-top: 40rpx;
color: rgb(153, 153, 153);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
white-space: nowrap;
}
.text_16 {
color: rgb(51, 51, 51);
font-size: 36rpx;
font-weight: 600;
line-height: 50rpx;
white-space: nowrap;
}
.group_16 {
margin-top: 40rpx;
}
.group_18 {
margin-top: 50rpx;
}
.group_19 {
margin-top: 50rpx;
}
.group_20 {
margin-top: 50rpx;
}
.group_21 {
margin-top: 50rpx;
}
.group_22 {
margin-top: 50rpx;
}
.group_23 {
margin-top: 50rpx;
}
.text_2 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_12 {
margin-top: 10rpx;
align-self: center;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_14 {
margin-left: 66rpx;
}
.image_12 {
width: 30rpx;
height: 30rpx;
}
.text_15 {
margin-left: 10rpx;
margin-right: 24rpx;
}
.text_19 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_20 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_21 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_22 {
margin-left: 42rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_23 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_24 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_25 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_26 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_27 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_28 {
margin-left: 74rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_26 {
margin-top: 40rpx;
padding: 0 2rpx;
color: rgb(153, 153, 153);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_5 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_6 {
margin-left: 74rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
margin-left: 74rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.image_10 {
width: 56rpx;
height: 56rpx;
}
.text_13 {
margin-left: 10rpx;
}
.image_11 {
margin-top: 10rpx;
margin-bottom: 0;
margin-left: 30rpx;
margin-right: 0;
}
.text_17 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_18 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.equal-division {
margin-top: 20rpx;
}
.text-wrapper {
padding: 10rpx 0;
align-self: flex-end;
border-radius: 32rpx;
width: 160rpx;
border: solid 2rpx rgb(153, 153, 153);
}
.section_5 {
margin-top: 40rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.text_9 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_10 {
margin-left: 42rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_11 {
margin-left: 30rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_29 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_30 {
margin-left: 20rpx;
margin-top: 8rpx;
color: rgb(153, 153, 153);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
white-space: nowrap;
}
.image_14 {
margin-left: 0;
}
</style>

445
packages/sonpingDetail/viewDetail.vue
View File

@ -0,0 +1,445 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="section_2 flex-col view_2">
<text>共3件</text>
<view class="flex-row equal-division">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item image_7"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item image_8"
/>
</view>
</view>
<view class="section_2 flex-col view_3">
<view class="flex-row">
<text class="text_3">鉴定结果：</text>
<text class="text_4">共3件</text>
</view>
<view class="flex-row group_6">
<text class="text_5">评级编号：</text>
<text class="text_6">81193920347</text>
</view>
<view class="flex-row group_7">
<text class="text_7">名称：</text>
<text class="text_8">FUIWE UEIF</text>
</view>
<view class="flex-row group_8">
<text class="text_9">分数：</text>
<text class="text_10">NM-MT+8.5</text>
</view>
</view>
<view class="flex-col section_3">
<view class="flex-row">
<text class="text_11">年份：</text>
<text class="text_12">2014</text>
</view>
<view class="flex-row group_10">
<text class="text_13">发行商：</text>
<text class="text_14">PANINI</text>
</view>
<view class="flex-row group_11">
<text class="text_15">卡片系列名称：</text>
<text class="text_16">CONRT KINGS</text>
</view>
<view class="flex-row group_12">
<text class="text_17">边子系列名称：</text>
<text class="text_18">HEIR APPARENT</text>
</view>
<view class="flex-row group_13">
<text class="text_19">卡片编码：</text>
<text class="text_20">#HA-AW</text>
</view>
<view class="flex-row group_14">
<text class="text_21">居中分数：</text>
<text class="text_22">9.5</text>
</view>
<view class="flex-row group_15">
<text class="text_23">边框分数：</text>
<text class="text_24">8.5</text>
</view>
<view class="flex-row group_16">
<text class="text_25">卡角分数：</text>
<text class="text_26">8.5</text>
</view>
<view class="flex-row group_17">
<text class="text_27">表面分数：</text>
<text class="text_28">9.5</text>
</view>
<view class="flex-row group_18">
<text class="text_29">签字分数：</text>
<text class="text_30">10</text>
</view>
</view>
<view class="flex-col section_4">
<view class="flex-row">
<text class="text_31">鉴定结果：</text>
<text class="text_32">正常</text>
</view>
<view class="flex-col group_20">
<view class="flex-row">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item image_10"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item image_11"
/>
</view>
<view class="section_5"> </view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.section_2 {
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.equal-division-item {
flex: 1 1 210rpx;
border-radius: 10rpx;
width: 210rpx;
height: 130rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding-top: 2rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.view_2 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.view_3 {
margin-top: 30rpx;
}
.section_3 {
margin-top: 30rpx;
padding: 44rpx 32rpx 40rpx;
background-color: rgb(255, 255, 255);
}
.section_4 {
margin-top: 30rpx;
padding: 40rpx 32rpx 16rpx;
background-color: rgb(255, 255, 255);
}
.equal-division {
margin-top: 30rpx;
}
.group_6 {
margin-top: 50rpx;
}
.group_7 {
margin-top: 50rpx;
}
.group_8 {
margin-top: 50rpx;
}
.group_10 {
margin-top: 40rpx;
}
.group_11 {
margin-top: 40rpx;
}
.group_12 {
margin-top: 40rpx;
}
.group_13 {
margin-top: 40rpx;
}
.group_14 {
margin-top: 40rpx;
}
.group_15 {
margin-top: 40rpx;
}
.group_16 {
margin-top: 40rpx;
}
.group_17 {
margin-top: 40rpx;
}
.group_18 {
margin-top: 40rpx;
}
.group_20 {
margin-top: 40rpx;
}
.image_7 {
margin-left: 28rpx;
}
.image_8 {
margin-left: 28rpx;
}
.text_3 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_6 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
margin-left: 74rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_10 {
margin-left: 74rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_11 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_12 {
margin-left: 132rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_13 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_14 {
margin-left: 104rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_15 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_16 {
margin-left: 20rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_17 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_18 {
margin-left: 20rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_19 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_20 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_21 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_22 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_23 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_24 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_25 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_26 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_27 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_28 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_29 {
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_30 {
margin-left: 76rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_31 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_32 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.section_5 {
margin-top: 40rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.image_10 {
margin-left: 28rpx;
}
.image_11 {
margin-left: 28rpx;
}
</style>

86
pages.json
View File

@ -11,27 +11,101 @@
}
},
{
"path": "pages/addAddress/addAddress",
"path": "pages/settings/settings",
"style": {
"navigationBarTitleText": "新增收货地址",
"navigationBarTitleText": "设置",
"enablePullDownRefresh": false
}
},
{
"path": "pages/address/address",
"path": "pages/order/order",
"style": {
"navigationBarTitleText": "收货地址",
"navigationBarTitleText": "我的订单",
"enablePullDownRefresh": false
}
},
{
"path": "pages/settings/settings",
"path": "pages/fastRating/fastRating",
"style": {
"navigationBarTitleText": "设置",
"navigationBarTitleText": "快速评级",
"enablePullDownRefresh": false
}
},
{
"path": "pages/write/baseInfo",
"style": {
"navigationBarTitleText": "填写信息",
"enablePullDownRefresh": false
}
},
{
"path": "pages/write/distribution",
"style": {
"navigationBarTitleText": "填写信息",
"enablePullDownRefresh": false
}
},
{
"path": "pages/ratingCriteria/ratingCriteria",
"style": {
"navigationBarTitleText": "评级标准",
"enablePullDownRefresh": false
}
},
{
"path": "pages/ratingQuery/ratingQuery",
"style": {
"navigationBarTitleText": "评卡查询",
"enablePullDownRefresh": false
}
}
],
"subPackages": [{
"root": "packages",
"pages": [{
"path": "addAddress/addAddress",
"style": {
"navigationBarTitleText": "新增收货地址",
"enablePullDownRefresh": false
}
},{
"path": "address/address",
"style": {
"navigationBarTitleText": "收货地址",
"enablePullDownRefresh": false
}
},{
"path": "ratingQueryDetail/ratingQueryDetail",
"style": {
"navigationBarTitleText": "评卡详情",
"enablePullDownRefresh": false
}
},{
"path": "sonpingDetail/sonpingDetail",
"style": {
"navigationBarTitleText": "送评详情",
"enablePullDownRefresh": false
}
},{
"path": "sonpingDetail/viewDetail",
"style": {
"navigationBarTitleText": "查看明细",
"enablePullDownRefresh": false
}
},{
"path": "sonpingDetail/expenseDetail",
"style": {
"navigationBarTitleText": "费用明细",
"enablePullDownRefresh": false
}
},{
"path": "sonpingDetail/ratingTrajectory",
"style": {
"navigationBarTitleText": "评级轨迹",
"enablePullDownRefresh": false
}
}]
}],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",

124
pages/fastRating/fastRating.vue
View File

@ -0,0 +1,124 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col section_2">
<view class="justify-between">
<text class="text_2">全面评级</text>
<text class="text_3">7day/60rmb</text>
</view>
<view class="justify-between group_6">
<text class="text_4">卡品评级</text>
<text class="text_5">7day/45rmb</text>
</view>
<view class="justify-between group_7">
<text class="text_6">签名评级</text>
<text class="text_7">7day/45rmb</text>
</view>
<view class="justify-between group_8">
<text class="text_8">套壳服务</text>
<text class="text_9">7day/30rmb</text>
</view>
</view>
<view class="section_3"> </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 {
padding: 2rpx 0 16rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.section_2 {
padding: 40rpx 30rpx 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.section_3 {
margin-top: 1016rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.group_6 {
margin-top: 50rpx;
}
.group_7 {
margin-top: 50rpx;
}
.group_8 {
margin-top: 50rpx;
}
.text_2 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_3 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_4 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_5 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
</style>

284
pages/index/index - 副本.vue
View File

@ -0,0 +1,284 @@
<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>

768
pages/index/index.vue
View File

@ -1,284 +1,594 @@
<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>
<view class="flex-col page">
<lf-header :spreadOut="true" :diy="true" :boderBottom="true" bgColor="#ffffff">
<view class="header-nav">
<image class="searchIcon" src="../../static/搜索.png" @click="$url('/pages/ratingQuery/ratingQuery')"></image>
<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>
查看详情
</lf-header>
<view class="flex-col items-center group_3">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497755645259901.png"
class="image_6" />
<view class="flex-col section_2">
<view class="flex-col">
<!-- 用户信息 -->
<view class="flex-col section_3" @click="$url('/pages/settings/settings')">
<view class="bottom-group flex-col items-center view_3">
<view class="flex-col items-end image-wrapper">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497944681815904.png"
class="image_7" />
</view>
<view class="flex-col items-center badge">
<text>99+</text>
</view>
</view>
<view class="justify-center group_5">
<text>茅*屋</text>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497755447138115.png"
class="image_8" />
</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 class="section_4 flex-col">
<view class="justify-between">
<text class="text_4">我的订单</text>
<view class="right-group flex-row" @click="$url('/pages/order/order')">
<text>全部</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_8" />
</view>
</view>
<view class="justify-between equal-division" @click="$url('/pages/order/order')">
<view class="equal-division-item flex-col" >
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746086268452.png"
class="image_11" />
<view class="flex-col items-center badge_1">
<text>2</text>
</view>
</view>
<text class="text_7">待确认</text>
</view>
<view class="flex-col items-center equal-division-item_1">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746226999392.png"
class="image_11" />
<text class="text_9">评级中</text>
</view>
<view class="flex-col items-center equal-division-item_2">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746138565873.png"
class="image_11" />
<text class="text_11">待付款</text>
</view>
<view class="equal-division-item flex-col">
<view class="top-group flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497746181954101.png"
class="image_11" />
<view class="flex-col items-center badge_2">
<text>1</text>
</view>
</view>
<text class="text_7">待收货</text>
</view>
</view>
</view>
<view class="serviceItem serviceItemNormal">
<image class="serviceItemIcon" src="../../static/全面评级.png"></image>
<text class="serviceItemTitle">全面评级</text>
<!-- 快速评级 -->
<view class="section_4 flex-col">
<view class="justify-between group_9">
<view class="group_10">
<text class="text_14">快速评级</text>
<text class="text_15">（7day）</text>
</view>
<view class="right-group flex-row" @click="$url('/pages/fastRating/fastRating')">
<text>查看详情</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_8" />
</view>
</view>
<view class="grid">
<view class="flex-col items-center grid-item">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497754868753243.png"
class="image_17" />
<text class="text_17">全面评级</text>
</view>
<view class="flex-col items-center grid-item_1">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497754706422513.png"
class="image_17" />
<text class="text_9">卡品评级</text>
</view>
<view class="grid-item_2 flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497754475187308.png"
class="image_17" />
<text class="text_19">签名评级</text>
</view>
<view class="grid-item_2 flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497754361023096.png"
class="image_17" />
<text class="text_19">套壳服务</text>
</view>
</view>
<view class="flex-col group_11">
<view class="justify-between group_12">
<view class="flex-row">
<view class="section_7"> </view>
<view class="group_14">
<text class="text_22">阅读并同意</text>
<text class="text_23">《相关协议》</text>
</view>
</view>
<text class="text_24">45元/张</text>
</view>
<view class="flex-col items-center button" @click="$url('/pages/write/baseInfo')">
<text>下一步</text>
</view>
</view>
</view>
</view>
<view class="agreetPanel">
<view class="agreetTop">
<image class="checkBtn" src="../../static/勾选.png"></image>
<text>阅读并同意</text>
<text>《相关协议》</text>
<!-- 已评卡 -->
<view class="flex-col section_8">
<view class="justify-between group_15" @click="$url('/pages/order/order')">
<text>已评卡</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_8" />
</view>
<view class="flex-row equal-division_1">
<view class="flex-col items-center equal-division-item_3" @click="$url('/packages/sonpingDetail/sonpingDetail')">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497759043659561.png"
class="image_23" />
<text class="text_27">2021chronic</text>
</view>
<view class="flex-col items-center equal-division-item_4" @click="$url('/packages/sonpingDetail/sonpingDetail')">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497759141393132.png"
class="image_23" />
<text class="text_28">2021chronic</text>
</view>
<view class="flex-col items-center equal-division-item_5" @click="$url('/packages/sonpingDetail/sonpingDetail')">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497759203410969.png"
class="image_23" />
<text class="text_29">2021chronic</text>
</view>
</view>
</view>
<view class="serviceNextBtn">
<text>下一步</text>
<!-- 评级标准 -->
<view class="justify-between section_9" @click="$url('/pages/ratingCriteria/ratingCriteria')">
<text>评级标准/卡砖设计</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_8" />
</view>
</view>
<view class="section_10"> </view>
</view>
<view class=""></view>
</view>
</view>
</template>
<script>
import lfHeader from '@/components/lf-header.vue'
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
components: {
lfHeader
},
onShow(){
// let sysInfo = uni.getStorageInfoSync()
// console.log(sysInfo)
// this.h = sysInfo.statusBarHeight
data() {
return {};
},
methods: {
toSettings(){
uni.navigateTo({
url:"../settings/settings"
})
}
}
}
};
</script>
<style>
.content {
<style scoped lang="scss">
.header-nav{
text-align: center;
position: relative;
width: 720rpx;
display: flex;
flex-direction: column;
justify-content: center;
.searchIcon{
position: absolute;
left: 0;
top: 6rpx;
width: 38rpx;
height: 36rpx;
}
}
.nav{
display: flex;
flex-direction: column;
background-color: white;
.bottom-group {
position: relative;
}
.navContent{
display: flex;
flex-direction: row;
justify-content: space-between;
height: 44px;
align-items: center;
.section_4 {
margin-top: 30rpx;
padding: 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.searchIcon{
width: 38rpx;
height: 36rpx;
margin-left: 34rpx;
.image_8 {
width: 44rpx;
height: 44rpx;
}
.searchBtn{
flex: 1;
display: flex;
align-items: center;
.equal-division-item {
width: 84rpx;
}
.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;
.grid-item_2 {
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
padding: 28rpx 0 24rpx;
border-radius: 10rpx;
border: solid 2rpx rgb(195, 195, 195);
}
.avatarContent{
display: block;
.top-group {
color: rgb(255, 255, 255);
font-size: 24rpx;
font-weight: 500;
line-height: 26rpx;
white-space: nowrap;
padding-top: 2rpx;
position: relative;
}
.badge{
background-color: #EA2B2B;
.image_11 {
width: 60rpx;
height: 60rpx;
}
.image_17 {
width: 50rpx;
height: 50rpx;
}
.nextIcon{
width: 44rpx;
height: 44rpx;
.image_23 {
border-radius: 10rpx;
width: 200rpx;
height: 240rpx;
}
.right-group {
color: rgb(153, 153, 153);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_7 {
margin-top: 12rpx;
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_9 {
margin-top: 14rpx;
}
.text_19 {
margin-top: 14rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_3 {
padding-bottom: 2024rpx;
flex: 1 1 auto;
overflow-y: auto;
position: relative;
}
.image_6 {
width: 100vw;
height: 1vw;
}
.section_2 {
padding-bottom: 14rpx;
background-color: rgb(246, 246, 246);
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.section_10 {
margin-top: 84rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.section_3 {
padding: 40rpx 0 38rpx;
background-color: rgb(255, 255, 255);
}
.namePanel{
.section_8 {
margin-top: 30rpx;
padding: 40rpx 0;
background-color: rgb(255, 255, 255);
}
.section_9 {
margin-top: 30rpx;
padding: 40rpx 32rpx 30rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
white-space: nowrap;
background-color: rgb(255, 255, 255);
}
.view_3 {
color: rgb(255, 255, 255);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
white-space: nowrap;
}
.group_5 {
margin-top: 20rpx;
color: rgb(51, 51, 51);
font-size: 34rpx;
font-weight: 600;
line-height: 48rpx;
white-space: nowrap;
}
.orderIcon{
width: 60rpx;
height: 60rpx;
.equal-division {
margin: 36rpx 28rpx 0;
}
.orderPanel{
margin-top: 30rpx;
flex-direction: column;
.group_9 {
padding-left: 2rpx;
}
.orderItem{
flex-direction: column;
position: relative;
align-items: center;
.grid {
margin-top: 40rpx;
height: 340rpx;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 22rpx;
grid-column-gap: 24rpx;
}
.orderItemPanel{
justify-content: space-around;
margin-bottom: 40rpx;
.group_11 {
margin-top: 40rpx;
}
.orderPanelTop{
justify-content: space-between;
margin-left: 32rpx;
margin-right: 32rpx;
margin-bottom: 40rpx;
.group_15 {
padding: 0 32rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
white-space: nowrap;
}
.orderItemTitel{
margin-top: 12rpx;
.equal-division_1 {
margin-top: 40rpx;
padding: 0 8rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
color: #555555;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.serviceItem{
width: 332rpx;
height: 160rpx;
border-radius: 6rpx;
flex-direction: column;
justify-content: center;
align-items: center;
.image-wrapper {
padding-top: 72rpx;
background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497753952125194.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 112rpx;
}
.serviceItemSelected{
border: #E7A23F 2rpx solid;
.badge {
background-color: rgb(234, 43, 43);
border-radius: 17rpx;
width: 64rpx;
position: absolute;
right: 284rpx;
top: 0;
}
.serviceItemNormal{
border: #c3c3c3 2rpx solid;
.text_4 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
white-space: nowrap;
}
.serviceItemIcon{
width: 50rpx;
height: 50rpx;
margin-bottom: 14rpx;
.equal-division-item_1 {
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.servicePanel{
flex-direction: column;
.equal-division-item_2 {
padding-top: 2rpx;
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.serviceItemPanel{
justify-content: space-around;
margin-top: 20rpx;
.group_10 {
white-space: nowrap;
height: 44rpx;
}
.serviceTitlePanel{
justify-content: space-between;
.grid-item {
padding: 22rpx 0 30rpx;
color: rgb(231, 162, 63);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
border-radius: 10rpx;
border: solid 2rpx rgb(231, 162, 63);
}
.checkBtn{
width: 44rpx;
height: 44rpx;
margin-right: 14rpx;
.grid-item_1 {
padding: 22rpx 0 30rpx;
color: rgb(51, 51, 51);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
border-radius: 10rpx;
border: solid 2rpx rgb(195, 195, 195);
}
.agreetPanel{
flex-direction: column;
.group_12 {
padding-bottom: 20rpx;
}
.agreetTop{
margin-left: 32rpx;
margin-top: 20rpx;
.button {
padding: 26rpx 0;
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;
}
.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;
.equal-division-item_3 {
flex: 1 1 244rpx;
}
.equal-division-item_4 {
flex: 1 1 244rpx;
}
.equal-division-item_5 {
flex: 1 1 244rpx;
}
.image_7 {
margin-right: 12rpx;
border-radius: 50%;
width: 40rpx;
height: 40rpx;
}
.text_11 {
margin-top: 12rpx;
}
.text_14 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
}
.text_15 {
color: rgb(119, 119, 119);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
}
.text_17 {
margin-top: 14rpx;
}
.text_24 {
color: rgb(119, 119, 119);
font-size: 28rpx;
line-height: 40rpx;
white-space: nowrap;
}
.text_27 {
margin-top: 10rpx;
}
.text_28 {
margin-top: 10rpx;
}
.text_29 {
margin-top: 10rpx;
}
.badge_1 {
background-color: rgb(234, 43, 43);
border-radius: 13rpx;
width: 26rpx;
position: absolute;
right: 6rpx;
top: 0;
}
.badge_2 {
background-color: rgb(234, 43, 43);
border-radius: 13rpx;
width: 26rpx;
position: absolute;
right: 0;
top: 0;
}
.section_7 {
border-radius: 50%;
width: 40rpx;
height: 40rpx;
border: solid 2rpx rgb(195, 195, 195);
}
.group_14 {
margin-left: 14rpx;
white-space: nowrap;
height: 40rpx;
}
.text_22 {
color: rgb(119, 119, 119);
font-size: 28rpx;
line-height: 40rpx;
}
.text_23 {
color: rgb(209, 161, 28);
font-size: 28rpx;
line-height: 40rpx;
}
</style>

329
pages/order/order.vue
View File

@ -0,0 +1,329 @@
<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>

93
pages/ratingCriteria/ratingCriteria.vue
View File

@ -0,0 +1,93 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col section_2">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497790375572567.png"
class="image_6"
/>
<view class="flex-col group_5">
<view class="justify-between">
<text>关于我们</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_7"
/>
</view>
<view class="justify-between group_7">
<text>卡砖设计</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_7"
/>
</view>
<view class="justify-between group_8">
<text>评级标准</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_7"
/>
</view>
</view>
</view>
<view class="section_3"> </view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.image_7 {
width: 44rpx;
height: 44rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
padding: 2rpx 0 16rpx;
flex: 1 1 auto;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
overflow-y: auto;
}
.section_2 {
padding: 100rpx 32rpx 80rpx;
background-color: rgb(255, 255, 255);
}
.section_3 {
margin-top: 710rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.image_6 {
align-self: center;
width: 220rpx;
height: 220rpx;
}
.group_5 {
margin-top: 80rpx;
}
.group_7 {
margin-top: 50rpx;
}
.group_8 {
margin-top: 50rpx;
}
</style>

89
pages/ratingQuery/ratingQuery.vue
View File

@ -0,0 +1,89 @@
<template>
<view class="flex-col page">
<view class="flex-col section_2">
<view class="flex-col section_3">
<view class="justify-between search">
<view class="flex-row group_4">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497990103652578.png"
class="image_6"
/>
<text class="text_2">请输入评级编号</text>
</view>
<view class="flex-col items-center text-wrapper" @click="$url('/packages/ratingQueryDetail/ratingQueryDetail')">
<text>搜索</text>
</view>
</view>
</view>
<view class="section_4"> </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%;
}
.section_2 {
padding: 32rpx 32rpx 16rpx;
flex: 1 1 auto;
background-color: rgb(255, 255, 255);
overflow-y: auto;
}
.section_3 {
padding: 6rpx 0;
background-color: rgb(246, 246, 246);
border-radius: 10rpx;
}
.section_4 {
margin-top: 1296rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.search {
margin-left: 31rpx;
margin-right: 6rpx;
}
.group_4 {
align-self: center;
color: rgb(195, 195, 195);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text-wrapper {
padding: 20rpx 0;
color: rgb(255, 255, 255);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
background-color: rgb(231, 162, 63);
border-radius: 6rpx;
width: 130rpx;
height: 84rpx;
}
.image_6 {
margin-bottom: 4rpx;
width: 37rpx;
height: 34rpx;
}
.text_2 {
margin-left: 10rpx;
}
</style>

2
pages/settings/settings.vue
View File

@ -6,7 +6,7 @@
</u-cell>
<u-cell title="昵称" :isLink="true" :border="false"></u-cell>
<u-cell title="手机号码" :isLink="true" :border="false"></u-cell>
<u-cell title="收货地址" :isLink="true" :border="false" url="/pages/address/address"></u-cell>
<u-cell title="收货地址" :isLink="true" :border="false" url="/packages/address/address"></u-cell>
<u-cell title="系统消息" :isLink="true" :border="false">
<u-badge class="badge" slot="value" numberType="overflow" max="99" :value="99"></u-badge>
</u-cell>

386
pages/write/baseInfo.vue
View File

@ -0,0 +1,386 @@
<template>
<view class="flex-col page">
<view class="flex-col group_4">
<view class="flex-col group_5">
<view class="flex-row equal-division">
<view class="equal-division-item flex-col items-center">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893751612328.png"
class="image_6"
/>
<text class="text_2">填写信息</text>
</view>
<view class="equal-division-item flex-col items-center">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893763969052.png"
class="image_6"
/>
<text class="text_2">藏品寄送</text>
</view>
<view class="equal-division-item flex-col items-center">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893767537982.png"
class="image_6"
/>
<text class="text_2">评级</text>
</view>
</view>
<view class="justify-between group_9">
<view class="section_2"> </view>
<view class="section_3"> </view>
</view>
</view>
<view class="flex-col section_4">
<view class="justify-between">
<view class="flex-row">
<text class="text_6">李丽丽</text>
<text class="text_7">15273936409</text>
</view>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_10 image_11"
/>
</view>
<text class="text_8">北京北京市海淀区钻石大厦C座</text>
</view>
<view class="flex-col section_5">
<view class="justify-between">
<text class="text_9">送评人信息</text>
<view class="flex-row group_13">
<text>编辑</text>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893779891395.png"
class="image_10"
/>
</view>
</view>
<view class="flex-row group_14">
<text class="text_11">送评人：</text>
<text class="text_12">送评人</text>
</view>
<view class="flex-row group_15">
<text class="text_13">手机号：</text>
<text class="text_14">18266785384</text>
</view>
<view class="flex-row group_16">
<text class="text_15">数量：</text>
<text class="text_16">3</text>
</view>
<view class="justify-between group_17">
<view class="flex-row group_18">
<text class="text_17">是否快评：</text>
<text class="text_18">(价格翻倍)</text>
</view>
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893774083601.png"
class="switch"
/>
</view>
<view class="flex-col group_19">
<text>打包照片</text>
<view class="flex-row equal-division_1">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768828992333.png"
class="equal-division-item_1 image_13"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768927244914.png"
class="equal-division-item_1"
/>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497768986098398.png"
class="equal-division-item_1"
/>
</view>
</view>
<view class="flex-col group_20">
<text class="text_20">备注</text>
<view class="flex-col items-start text-wrapper">
<text class="text_21">请输入您想要备注的信息</text>
</view>
</view>
<view class="flex-col group_21">
<view class="flex-col items-center button" @click="$url('/pages/write/distribution')">
<text>寄送藏品</text>
</view>
<view class="section_6"> </view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.equal-division-item {
flex: 1 1 240rpx;
padding: 10rpx 0;
}
.image_10 {
width: 44rpx;
height: 44rpx;
}
.image_6 {
border-radius: 50%;
width: 80rpx;
height: 80rpx;
}
.equal-division-item_1 {
margin-left: 28rpx;
flex: 1 1 210rpx;
border-radius: 10rpx;
width: 210rpx;
height: 130rpx;
}
.text_2 {
margin-top: 20rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_4 {
flex: 1 1 auto;
overflow-y: auto;
}
.group_5 {
padding-top: 2rpx;
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
position: relative;
}
.section_4 {
margin-top: 30rpx;
padding: 40rpx 32rpx 40rpx 40rpx;
background-color: rgb(255, 255, 255);
}
.section_5 {
margin-top: 30rpx;
padding: 40rpx 32rpx 16rpx;
background-color: rgb(255, 255, 255);
}
.equal-division {
padding: 30rpx 14rpx;
background-color: rgb(255, 255, 255);
}
.group_9 {
width: 404rpx;
position: absolute;
right: 166rpx;
top: 81rpx;
}
.text_8 {
margin-top: 20rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
line-height: 44rpx;
white-space: nowrap;
}
.group_14 {
margin-top: 40rpx;
}
.group_15 {
margin-top: 50rpx;
}
.group_16 {
margin-top: 50rpx;
}
.group_17 {
margin-top: 44rpx;
}
.group_19 {
margin-top: 44rpx;
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_20 {
margin-top: 50rpx;
}
.group_21 {
margin-top: 50rpx;
color: rgb(255, 255, 255);
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
white-space: nowrap;
}
.section_2 {
background-image: repeating-linear-gradient(
90deg,
rgb(231, 162, 63),
rgb(231, 162, 63) 2.4691358024691357%,
transparent 2.4691358024691357%,
transparent 14.814814814814815%
);
width: 162rpx;
height: 2rpx;
}
.section_3 {
background-image: repeating-linear-gradient(
90deg,
rgb(195, 195, 195),
rgb(195, 195, 195) 2.4691358024691357%,
transparent 2.4691358024691357%,
transparent 14.814814814814815%
);
width: 162rpx;
height: 2rpx;
}
.image_11 {
margin-top: 4rpx;
}
.text_9 {
color: rgb(51, 51, 51);
font-size: 36rpx;
font-weight: 600;
line-height: 50rpx;
white-space: nowrap;
}
.group_13 {
margin-top: 4rpx;
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_11 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_12 {
margin-left: 20rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_13 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_14 {
margin-left: 20rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_15 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_16 {
margin-left: 52rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.group_18 {
margin: 6rpx 0;
}
.switch {
border-radius: 104rpx;
width: 100rpx;
height: 56rpx;
}
.equal-division_1 {
margin-top: 20rpx;
}
.text_20 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text-wrapper {
margin-top: 20rpx;
padding: 30rpx 0 138rpx;
color: rgb(153, 153, 153);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
background-color: rgb(246, 246, 246);
border-radius: 10rpx;
}
.button {
padding: 26rpx 0;
background-color: rgb(231, 162, 63);
border-radius: 10rpx;
}
.section_6 {
margin-top: 22rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 36rpx;
font-weight: 700;
line-height: 50rpx;
white-space: nowrap;
}
.text_7 {
margin-left: 40rpx;
margin-top: 4rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 700;
line-height: 44rpx;
white-space: nowrap;
}
.text_17 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_18 {
margin: 6rpx 0 4rpx 10rpx;
color: rgb(231, 162, 63);
font-size: 24rpx;
font-weight: 500;
line-height: 34rpx;
white-space: nowrap;
}
.image_13 {
margin-left: 0;
}
.text_21 {
margin-left: 30rpx;
}
</style>

310
pages/write/distribution.vue
View File

@ -0,0 +1,310 @@
<template>
<view class="flex-col page">
<view class="flex-col group_3">
<view class="flex-col">
<view class="bottom-group flex-col view_3">
<view class="flex-row equal-division">
<view class="equal-division-item flex-col items-center">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893751612328.png"
class="image_7"
/>
<text class="text_2">填写信息</text>
</view>
<view class="equal-division-item flex-col items-center">
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497774314812625.png"
class="image_9"
/>
<text class="text_2">藏品寄送</text>
</view>
<view class="equal-division-item flex-col items-center">
<image
src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497893767537982.png"
class="image_7"
/>
<text class="text_2">评级</text>
</view>
</view>
<view class="justify-between group_8">
<view class="left-section"> </view>
<view class="left-section"> </view>
</view>
</view>
<view class="flex-col section_2">
<view class="justify-between">
<view class="flex-row">
<text class="text_6">快递公司：</text>
<text class="text_7">请选择快递公司</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497774758380231.png"
class="image_11"
/>
</view>
<view class="justify-between group_11">
<view class="flex-row">
<text class="text_8">快递单号：</text>
<text class="text_9">请填写快递单号</text>
</view>
<image
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497774389520756.png"
class="image_5 image_12"
/>
</view>
</view>
<view class="flex-col section_3">
<view class="justify-between">
<text class="text_10">寄送地址</text>
<text class="text_11">一键复制</text>
</view>
<view class="flex-row group_14">
<text class="text_12">收货人：</text>
<text class="text_13">评分卡部</text>
</view>
<view class="flex-row group_15">
<text class="text_14">联系电话：</text>
<text class="text_15">18268905349</text>
</view>
<view class="flex-row group_16">
<text class="text_16">收货地址：</text>
<text class="text_17">北京北京市西城区5号设计总院A座203室</text>
</view>
</view>
</view>
<view class="flex-col group_17">
<view class="flex-col items-center button" @click="$url('/packages/sonpingDetail/sonpingDetail')">
<text>送评</text>
</view>
<text class="text_19">稍后填写</text>
<view class="section_4"> </view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="css">
.bottom-group {
position: relative;
}
.image_5 {
width: 36rpx;
height: 36rpx;
}
.equal-division-item {
flex: 1 1 240rpx;
padding: 10rpx 0;
}
.left-section {
background-image: repeating-linear-gradient(
90deg,
rgb(209, 161, 28),
rgb(209, 161, 28) 2.4691358024691357%,
transparent 2.4691358024691357%,
transparent 14.814814814814815%
);
width: 162rpx;
height: 2rpx;
}
.image_7 {
border-radius: 50%;
width: 80rpx;
height: 80rpx;
}
.text_2 {
margin-top: 20rpx;
}
.page {
background-color: #f6f6f6;
width: 100%;
overflow-y: auto;
height: 100%;
}
.group_3 {
padding: 2rpx 0 16rpx;
flex: 1 1 auto;
overflow-y: auto;
}
.group_17 {
margin-top: 60rpx;
padding: 0 32rpx;
}
.view_3 {
color: rgb(85, 85, 85);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.section_2 {
margin-top: 30rpx;
padding: 40rpx 30rpx 40rpx 32rpx;
background-color: rgb(255, 255, 255);
}
.section_3 {
margin-top: 30rpx;
padding: 40rpx 32rpx 44rpx;
background-color: rgb(255, 255, 255);
}
.button {
padding: 26rpx 0;
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;
}
.text_19 {
margin-top: 30rpx;
align-self: center;
color: rgb(119, 119, 119);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.section_4 {
margin-top: 246rpx;
align-self: center;
background-color: rgb(0, 0, 0);
border-radius: 4rpx;
width: 196rpx;
height: 8rpx;
}
.equal-division {
padding: 30rpx 14rpx;
background-color: rgb(255, 255, 255);
}
.group_8 {
width: 404rpx;
position: absolute;
right: 166rpx;
top: 79rpx;
}
.group_11 {
margin-top: 50rpx;
}
.group_14 {
margin-top: 40rpx;
}
.group_15 {
margin-top: 50rpx;
}
.group_16 {
margin-right: 26rpx;
margin-top: 48rpx;
}
.image_11 {
margin: 10rpx 0 8rpx;
width: 16rpx;
height: 26rpx;
}
.image_12 {
margin: 4rpx 0;
}
.text_10 {
color: rgb(51, 51, 51);
font-size: 36rpx;
font-weight: 600;
line-height: 50rpx;
white-space: nowrap;
}
.text_11 {
margin: 6rpx 0 4rpx;
color: rgb(231, 162, 63);
font-size: 28rpx;
font-weight: 500;
line-height: 40rpx;
white-space: nowrap;
}
.text_12 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_13 {
margin-left: 42rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_14 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_15 {
margin-left: 10rpx;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_16 {
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_17 {
margin-left: 10rpx;
flex: 1 1 auto;
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 48rpx;
text-align: left;
}
.image_9 {
width: 80rpx;
height: 80rpx;
}
.text_6 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_7 {
margin-left: 10rpx;
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_8 {
color: rgb(51, 51, 51);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
.text_9 {
margin-left: 10rpx;
color: rgb(119, 119, 119);
font-size: 32rpx;
font-weight: 500;
line-height: 44rpx;
white-space: nowrap;
}
</style>

77
styles/lanhu.css
View File

@ -0,0 +1,77 @@
html {
font-size: 16px;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
view,
image,
text {
box-sizing: border-box;
flex-shrink: 0;
}
#app {
width: 100vw;
height: 100vh;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-col {
display: flex;
flex-direction: column;
}
.justify-start {
display: flex;
justify-content: flex-start;
}
.justify-center {
display: flex;
justify-content: center;
}
.justify-end {
display: flex;
justify-content: flex-end;
}
.justify-evenly {
display: flex;
justify-content: space-evenly;
}
.justify-around {
display: flex;
justify-content: space-around;
}
.justify-between {
display: flex;
justify-content: space-between;
}
.items-start {
display: flex;
align-items: flex-start;
}
.items-center {
display: flex;
align-items: center;
}
.items-end {
display: flex;
align-items: flex-end;
}
Write Preview
Loading…
Cancel
Save