Merge branch 'master' of https://e.coding.net/boss-01/yxx/app
This commit is contained in:
commit
d8e2a0cb6c
|
|
@ -24557,6 +24557,44 @@
|
|||
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
||||
"dev": true
|
||||
},
|
||||
"ansi-styles": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-convert": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"chalk": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
|
||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-styles": "^4.1.0",
|
||||
"supports-color": "^7.1.0"
|
||||
}
|
||||
},
|
||||
"color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
|
||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-name": "~1.1.4"
|
||||
}
|
||||
},
|
||||
"color-name": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
|
||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"css-loader": {
|
||||
"version": "3.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/css-loader/-/css-loader-3.6.0.tgz",
|
||||
|
|
@ -24630,6 +24668,13 @@
|
|||
"slash": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
|
||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"hash-sum": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
|
||||
|
|
@ -24744,6 +24789,42 @@
|
|||
"requires": {
|
||||
"minipass": "^3.1.1"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
|
||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"has-flag": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"vue-loader-v16": {
|
||||
"version": "npm:vue-loader@16.8.3",
|
||||
"resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
|
||||
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"chalk": "^4.1.0",
|
||||
"hash-sum": "^2.0.0",
|
||||
"loader-utils": "^2.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"loader-utils": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
|
||||
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"big.js": "^5.2.2",
|
||||
"emojis-list": "^3.0.0",
|
||||
"json5": "^2.1.2"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
@ -37623,94 +37704,6 @@
|
|||
"vue-style-loader": "^4.1.0"
|
||||
}
|
||||
},
|
||||
"vue-loader-v16": {
|
||||
"version": "npm:vue-loader@16.8.3",
|
||||
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
|
||||
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"chalk": "^4.1.0",
|
||||
"hash-sum": "^2.0.0",
|
||||
"loader-utils": "^2.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-styles": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-convert": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"chalk": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
|
||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-styles": "^4.1.0",
|
||||
"supports-color": "^7.1.0"
|
||||
}
|
||||
},
|
||||
"color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
|
||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-name": "~1.1.4"
|
||||
}
|
||||
},
|
||||
"color-name": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
|
||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
|
||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"hash-sum": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
|
||||
"integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"loader-utils": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.2.tgz",
|
||||
"integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"big.js": "^5.2.2",
|
||||
"emojis-list": "^3.0.0",
|
||||
"json5": "^2.1.2"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
|
||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"has-flag": "^4.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"vue-style-loader": {
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
|
||||
|
|
|
|||
|
|
@ -18,6 +18,13 @@
|
|||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/famousArts/artistList",
|
||||
"style": {
|
||||
"navigationBarTitleText": "文艺名家",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/mediaProp/mediaProp",
|
||||
"style": {
|
||||
|
|
@ -90,6 +97,14 @@
|
|||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
, {
|
||||
"path": "pages/ArtWorks/artWorkDetail",
|
||||
"style": {
|
||||
"navigationBarTitleText": "作品详情",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
// 文艺活动
|
||||
, {
|
||||
|
|
@ -167,7 +182,15 @@
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
,{
|
||||
"path" : "pages/ShoppingCart/ShoppingCart",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "购物车",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
,{
|
||||
"path" : "pages/PublishWorks/PublishWorks",
|
||||
"style" :
|
||||
|
|
@ -259,7 +282,6 @@
|
|||
"navigationBarTitleText": "确认订单",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
|
||||
}
|
||||
,{
|
||||
"path" : "pages/Login/Login",
|
||||
|
|
@ -298,6 +320,15 @@
|
|||
}
|
||||
|
||||
}
|
||||
,{
|
||||
"path" : "pages/MyOrder/detail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText": "订单详情",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
|
||||
],
|
||||
"globalStyle": {
|
||||
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色，仅支持 black/white
|
||||
|
|
|
|||
|
|
@ -2,9 +2,7 @@
|
|||
<view>
|
||||
<u-search height=42 margin="12px 0" searchIconColor="#251B1D" shape="square" :showAction="false"
|
||||
v-model="artValue" placeholder="请输入名家名称"></u-search>
|
||||
|
||||
|
||||
<u-tabs :scrollable="false" :list="list1" :activeStyle="{
|
||||
<u-tabs :scrollable="false" :list="list1" :activeStyle="{
|
||||
color: '#251B1D',
|
||||
fontWeight: 'bold',
|
||||
transform: 'scale(1.05)'
|
||||
|
|
@ -13,56 +11,41 @@
|
|||
transform: 'scale(1)'
|
||||
}" itemStyle=" height: 50px; ">
|
||||
</u-tabs>
|
||||
|
||||
|
||||
|
||||
|
||||
<view class="artworks">
|
||||
<view class="art_item" v-for="(v,i) in isLoveList" :key="i">
|
||||
<view class="art_item_top">
|
||||
<image src="../../static/artWork.png" mode=""></image>
|
||||
<view class="like" @click="like(i)">
|
||||
<view :class=" isLoveList[i] ? 'img_selected' : 'img'">
|
||||
<!-- 红心 -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class=" art_item_bott">
|
||||
<view class="title">
|
||||
摄影作品自由生活向美而生作品
|
||||
</view>
|
||||
<view class="sub_title">
|
||||
摄影作品
|
||||
</view>
|
||||
<view class="img_box">
|
||||
<view class=" puber">
|
||||
<view class="avtor">
|
||||
<view class="artworks">
|
||||
<view class="art_item" v-for="(v,i) in isLoveList" :key="i" @click="toDetail(i)">
|
||||
<view class="art_item_top">
|
||||
<image src="../../static/artWork.png" mode=""></image>
|
||||
<view class="like" @click="like(i)">
|
||||
<view :class=" isLoveList[i] ? 'img_selected' : 'img'">
|
||||
<!-- 红心 -->
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="autor">
|
||||
谢xx
|
||||
<view class=" art_item_bott">
|
||||
<view class="title">
|
||||
摄影作品自由生活向美而生作品
|
||||
</view>
|
||||
<view class="sub_title">
|
||||
摄影作品
|
||||
</view>
|
||||
<view class="img_box">
|
||||
<view class=" puber">
|
||||
<view class="avtor">
|
||||
<image src="../../static/artWork.png" mode=""></image>
|
||||
</view>
|
||||
<view class="autor">
|
||||
谢xx
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="time">
|
||||
58分钟前
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="time">
|
||||
58分钟前
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -70,7 +53,7 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
isLoveList:[true,false,true,false],
|
||||
isLoveList: [true, false, true, false],
|
||||
artValue: '',
|
||||
list1: [{
|
||||
name: '全部',
|
||||
|
|
@ -87,10 +70,16 @@
|
|||
}]
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
like(i){
|
||||
|
||||
this.$set(this.isLoveList, i,!this.isLoveList[i])
|
||||
methods: {
|
||||
like(i) {
|
||||
|
||||
this.$set(this.isLoveList, i, !this.isLoveList[i])
|
||||
},
|
||||
toDetail(val){
|
||||
console.log(val)
|
||||
uni.navigateTo({
|
||||
url:"/pages/ArtWorks/artWorkDetail"
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -100,16 +89,18 @@
|
|||
/deep/ .u-tabs__wrapper__nav__item__text {
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
/deep/ .u-tabs__wrapper__nav__line {
|
||||
height: 14px!important;
|
||||
width: 40px!important;
|
||||
height: 14px !important;
|
||||
width: 40px !important;
|
||||
background-image: url(../../static/scrollLine.png);
|
||||
background-color:transparent!important;
|
||||
bottom: 2px!important;
|
||||
background-color: transparent !important;
|
||||
bottom: 2px !important;
|
||||
}
|
||||
|
||||
page {
|
||||
width: calc(100% - 32px);
|
||||
margin: 0 16px ;
|
||||
margin: 0 16px;
|
||||
}
|
||||
|
||||
image {
|
||||
|
|
@ -120,6 +111,7 @@
|
|||
.art_item {
|
||||
margin-top: 16px;
|
||||
border: 1px solid transparent;
|
||||
|
||||
.art_item_top {
|
||||
position: relative;
|
||||
height: 192px;
|
||||
|
|
@ -138,17 +130,19 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.img{
|
||||
|
||||
.img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background:url(../../static/spaceHeart.png) center/100% no-repeat ;
|
||||
|
||||
|
||||
background: url(../../static/spaceHeart.png) center/100% no-repeat;
|
||||
|
||||
|
||||
}
|
||||
.img_selected{
|
||||
|
||||
.img_selected {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background:url(../../static/redHerart.png) center/100% no-repeat ;
|
||||
background: url(../../static/redHerart.png) center/100% no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,202 @@
|
|||
<template>
|
||||
<view class="workDetail">
|
||||
<u-swiper :list="list" :autoplay="true" @change="e => currentNum = e.current" indicatorStyle="right: 20px">
|
||||
<view slot="indicator" class="indicator-num">
|
||||
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text>
|
||||
</view>
|
||||
</u-swiper>
|
||||
<view class="work_name">
|
||||
作品名称自由生活向美而生作品
|
||||
</view>
|
||||
<view class="work_desc">
|
||||
摄影作品摄影作品摄影作品摄影作品摄影作品介绍作品介绍摄影作品自由生活向美而生作品
|
||||
</view>
|
||||
<view class="work_det">
|
||||
<view class="det_box">
|
||||
<view class="box_left">
|
||||
<image src="../../static/workDetail/time.png" class="img"></image>
|
||||
</view>
|
||||
<view class="box_right">
|
||||
昨天10:20
|
||||
</view>
|
||||
</view>
|
||||
<view class="det_box">
|
||||
<view class="box_left">
|
||||
<image src="../../static/workDetail/seen.png" class="img"></image>
|
||||
</view>
|
||||
<view class="box_right">
|
||||
1288浏览
|
||||
</view>
|
||||
</view>
|
||||
<view class="det_box">
|
||||
<view class="box_right">
|
||||
类型:
|
||||
</view>
|
||||
<view class="box_right">
|
||||
摄影
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="detailBottom">
|
||||
<view class="bottom_box" @click="clickHeart()">
|
||||
<view class="bottom_box_left">
|
||||
<image src="../../static/workDetail/heart1.png" class="bot_img" v-if="isLick == 0"></image>
|
||||
<image src="../../static/workDetail/heart2.png" class="bot_img" v-else></image>
|
||||
</view>
|
||||
<view class="bottom_box_right">
|
||||
24
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom_box" @click="clickStar()">
|
||||
<view class="bottom_box_left">
|
||||
<image src="../../static/workDetail/star1.png" class="bot_img" v-if="isCon == 0"></image>
|
||||
<image src="../../static/workDetail/star2.png" class="bot_img" v-else></image>
|
||||
</view>
|
||||
<view class="bottom_box_right">
|
||||
55
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom_box">
|
||||
<view class="bottom_box_left">
|
||||
<image src="../../static/workDetail/share.png" class="bot_img"></image>
|
||||
</view>
|
||||
<view class="bottom_box_right">
|
||||
分享
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
list: [
|
||||
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
|
||||
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
||||
],
|
||||
currentNum: 1,
|
||||
isLick: 0,
|
||||
isCon:0,
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
clickHeart(){
|
||||
if(this.isLick == 0){
|
||||
this.isLick = 1
|
||||
}else if(this.isLick == 1){
|
||||
this.isLick = 0
|
||||
}
|
||||
},
|
||||
clickStar(){
|
||||
if(this.isCon == 0){
|
||||
this.isCon = 1
|
||||
}else if(this.isCon == 1){
|
||||
this.isCon = 0
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.workDetail{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.indicator-num {
|
||||
padding: 2px 0;
|
||||
background-color: rgba(0, 0, 0, 0.35);
|
||||
border-radius: 100px;
|
||||
width: 35px;
|
||||
@include flex;
|
||||
justify-content: center;
|
||||
|
||||
&__text {
|
||||
color: #FFFFFF;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.work_name {
|
||||
width: 94%;
|
||||
margin: 10px 3%;
|
||||
font-size: 16px;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #251B1D;
|
||||
}
|
||||
|
||||
.work_desc {
|
||||
width: 94%;
|
||||
margin: 10px 3%;
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #251B1D;
|
||||
}
|
||||
|
||||
.work_det{
|
||||
width: 94%;
|
||||
margin: 10px 3%;
|
||||
height: 17px;
|
||||
font-size: 12px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #AFADB0;
|
||||
line-height: 17px;
|
||||
overflow: hidden;
|
||||
.det_box{
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
overflow: hidden;
|
||||
.box_left{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: left;
|
||||
.img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.box_right{
|
||||
margin-left: 2px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detailBottom{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 10px;
|
||||
.bottom_box{
|
||||
width: 31%;
|
||||
margin: 0 1%;
|
||||
padding: 15px 0;
|
||||
float: left;
|
||||
.bottom_box_left{
|
||||
margin-left: 30%;
|
||||
float: left;
|
||||
.bot_img{
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
.bottom_box_right{
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #251B1D;
|
||||
line-height: 24px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -5,23 +5,20 @@
|
|||
<view class="status_bar" :style="{'height':statusHeight+'px'}"></view>
|
||||
<view class="apptitle" :style="{'height':titleHeight+'px'}">
|
||||
<image src="../../static/blackArrow.png" mode="" class="backImg" @click="back"></image>
|
||||
<u-search height=42 margin="12px 0" searchIconColor="#251B1D" shape="square" :showAction="false"
|
||||
v-model="searcOrderValue" placeholder="搜素我的订单"></u-search>
|
||||
<u-search height=30 margin="12px 0" searchIconColor="#251B1D" shape="square" clearabled
|
||||
v-model="searcOrderValue" placeholder="搜素我的订单" @custom="search()" @search="search()"></u-search>
|
||||
<view class="zz" :style="{'width':jiWidth+'px'}">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!--导航栏ed -->
|
||||
<view class="zhan" :style="{'height':(statusHeight+titleHeight+10)+'px'}">
|
||||
|
||||
</view>
|
||||
|
||||
<view class="top_tab_box" >
|
||||
|
||||
<!-- <view class="zhan" :style="{'height':(statusHeight+titleHeight)+'px'}"></view> -->
|
||||
<view class="top_tab_box" :style="{'top':(statusHeight+titleHeight)+'px'}">
|
||||
<u-gap height="10" bgColor="#ffffff"></u-gap>
|
||||
<view class="top_two_box">
|
||||
<text>我买到的</text>
|
||||
<text>我卖出的</text>
|
||||
<text :class="cho == 0?'big':''" @click="toBuy()">我买到的</text>
|
||||
<text :class="cho == 1?'big':''" @click="toSore()">我卖出的</text>
|
||||
</view>
|
||||
|
||||
<u-tabs :scrollable="false" lineWidth="50rpx" lineColor="#99241B" :list="list1" :activeStyle="{
|
||||
|
|
@ -31,35 +28,46 @@
|
|||
}" :inactiveStyle="{
|
||||
color: '#AFADB0 ',
|
||||
transform: 'scale(1)'
|
||||
}" itemStyle=" height: 50px; ">
|
||||
}" itemStyle=" height: 50px;"
|
||||
@click="clickTab">
|
||||
|
||||
</u-tabs>
|
||||
</view>
|
||||
|
||||
<u-gap :style="{'height':(statusHeight+titleHeight+80)+'px'}" bgColor="#ffffff"></u-gap>
|
||||
|
||||
<view v-if="length == 0" style="margin-top: 120px;">
|
||||
<u-empty mode="order" icon="../../static/orderE.png">
|
||||
</u-empty>
|
||||
</view>
|
||||
|
||||
<view class="order_box" v-for="(v,i) in 3">
|
||||
<view class="order_itm_box">
|
||||
<view class="order_itm_top" style="display: flex; justify-content: space-between;">
|
||||
<view class="order_itm_top">
|
||||
<view class="order_itm_top_left">
|
||||
<image style="width: 36rpx; height: 36rpx;" src="../../static/DataSearch/Delet.png" mode="">
|
||||
</image> <text>周科</text>
|
||||
<image src="../../static/DataSearch/Delet.png" class="order_itm_top_left_image">
|
||||
</image>
|
||||
</view>
|
||||
<text style="color: #FF6600;">买家已付款</text>
|
||||
<view class="order_itm_top_name">
|
||||
周科
|
||||
</view>
|
||||
<view class="order_itm_top_right" style="color: #FF6600;">买家已付款</view>
|
||||
</view>
|
||||
|
||||
<view class="order_itm_botm">
|
||||
<image src="../../static/artRace/race2.png" style="width: 148rpx; height: 148rpx;" mode=""></image>
|
||||
<image src="../../static/artRace/race2.png" style="width: 148rpx; height: 148rpx;" @click="toDetail(i)"></image>
|
||||
<view class="work_desc">
|
||||
<view class="tit">
|
||||
<view class="tit" @click="toDetail(i)">
|
||||
乡间小路
|
||||
</view>
|
||||
<view class="count">
|
||||
<view class="count" @click="toDetail(i)">
|
||||
<text style="color:#AFADB0;">x1</text>
|
||||
<view class="ss">
|
||||
<text style="color:#AFADB0;">合计</text>￥88
|
||||
<text style="color:#AFADB0;">合计</text><text style="font-size: 16px;font-weight: 600;">￥88</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="opt_box">
|
||||
<u-button style="width: 100rpx;" shape="circle" size="mini" plain type="success">退款
|
||||
<u-button style="width: 100rpx;height: 50rpx;" shape="circle" size="mini" plain type="success" @click="toRefund(i)">退款
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -86,7 +94,9 @@
|
|||
}, {
|
||||
name: '已完成'
|
||||
}],
|
||||
searcOrderValue: ''
|
||||
searcOrderValue: '',
|
||||
cho: 0,
|
||||
length: 1,
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
|
|
@ -106,7 +116,29 @@
|
|||
// #endif
|
||||
},
|
||||
methods: {
|
||||
|
||||
toBuy() {
|
||||
this.cho = 0
|
||||
},
|
||||
toSore() {
|
||||
this.cho = 1
|
||||
},
|
||||
toDetail(val) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/MyOrder/detail?id=" + val
|
||||
})
|
||||
},
|
||||
toRefund(val){
|
||||
console.log(val)
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/MyOrder/refund?id=" + val
|
||||
// })
|
||||
},
|
||||
clickTab(val){
|
||||
console.log(val)
|
||||
},
|
||||
search(){
|
||||
console.log(this.searcOrderValue)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -123,6 +155,7 @@
|
|||
width: 100%;
|
||||
z-index: 999;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
.apptitle {
|
||||
display: flex;
|
||||
|
|
@ -139,9 +172,22 @@
|
|||
}
|
||||
|
||||
.top_tab_box {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 999;
|
||||
background-color: #FFFFFF;
|
||||
|
||||
.top_two_box {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
|
||||
.big {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #9A2720;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -154,8 +200,34 @@
|
|||
border: 1px solid #FFFFFF;
|
||||
|
||||
.order_itm_top {
|
||||
width: 100%;
|
||||
height: 46rpx;
|
||||
|
||||
.order_itm_top_left {}
|
||||
.order_itm_top_left {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
float: left;
|
||||
|
||||
.order_itm_top_left_image {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.order_itm_top_name {
|
||||
height: 46rpx;
|
||||
margin-left: 5px;
|
||||
line-height: 46rpx;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.order_itm_top_right {
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.order_itm_botm {
|
||||
|
|
@ -165,14 +237,19 @@
|
|||
.work_desc {
|
||||
flex: 1;
|
||||
|
||||
.tit {}
|
||||
.tit {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.count {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.opt_box {}
|
||||
.opt_box {
|
||||
margin-top: 10rpx;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,176 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="person_des bg_col_cirle_margin">
|
||||
<image style="width: 46rpx; height: 46rpx;" src="../../static/local.png" mode=""></image>
|
||||
<view class="person_con">
|
||||
<view class="person_con_t">
|
||||
<view class="info_txt">
|
||||
<text>王文瑞</text> <text>18733663311</text>
|
||||
</view>
|
||||
<!-- <image style="width: 46rpx; height: 46rpx;" src="../../static/rightArrow.png" mode=""></image> -->
|
||||
</view>
|
||||
<view class="addr">
|
||||
高新产业园
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="goods_box bg_col_cirle_margin">
|
||||
<view class="goods_itm">
|
||||
<view class="goods_itm_top">
|
||||
<!-- <image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image> -->
|
||||
<text class="goods_itm_top_title">商品详情</text>
|
||||
</view>
|
||||
<view class="goods_itm_bott">
|
||||
<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
|
||||
</image>
|
||||
<view class="goods_itm_bott_left">
|
||||
<text style="font-weight: 600;">绘画作品</text>
|
||||
<view class="goods_itm_bott_left_count">
|
||||
<text>x1</text> <text>￥80</text>
|
||||
</view>
|
||||
<view style="float:right">
|
||||
<u-button style="width: 200rpx;height: 70rpx;font-size: 14px;margin-top: 10px;" shape="circle" size="mini" plain @click="toRefund()">申请退款
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="detail_box bg_col_cirle_margin">
|
||||
<view class="line">
|
||||
<view class="lineLeft">
|
||||
订单编号：
|
||||
</view>
|
||||
<view class="lineRight">
|
||||
2022-03-23 20:22:03
|
||||
</view>
|
||||
</view>
|
||||
<view class="line">
|
||||
<view class="lineLeft">
|
||||
创建时间：
|
||||
</view>
|
||||
<view class="lineRight">
|
||||
2022-03-23 20:22:03
|
||||
</view>
|
||||
</view>
|
||||
<view class="line">
|
||||
<view class="lineLeft">
|
||||
交易时间：
|
||||
</view>
|
||||
<view class="lineRight">
|
||||
2022-03-23 20:22:03
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id:''
|
||||
};
|
||||
},
|
||||
onLoad(o) {
|
||||
this.id = o.id
|
||||
console.log(this.id)
|
||||
},
|
||||
methods:{
|
||||
toRefund(){
|
||||
console.log('退款')
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/MyOrder/refund?id=" + val
|
||||
// })
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background-color: #F4F5F7;
|
||||
}
|
||||
image{
|
||||
vertical-align: middle;
|
||||
}
|
||||
.person_des {
|
||||
|
||||
display: flex;
|
||||
|
||||
.person_con {
|
||||
flex: 1;
|
||||
margin-left: 24rpx;
|
||||
|
||||
.person_con_t {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.info_txt{
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.goods_box {
|
||||
|
||||
.goods_itm {
|
||||
.goods_itm_top{
|
||||
.goods_itm_top_title{
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
.goods_itm_bott{
|
||||
margin-top: 16rpx;
|
||||
display: flex;
|
||||
.goods_itm_bott_left{
|
||||
flex: 1;
|
||||
margin-left: 16rpx;
|
||||
.goods_itm_bott_left_count{
|
||||
color: $gray;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.detail_box{
|
||||
|
||||
.line{
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
|
||||
.lineLeft{
|
||||
float: left;
|
||||
}
|
||||
.lineRight{
|
||||
float: right;
|
||||
color: #AFADB0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 辅助
|
||||
.bg_col_cirle_margin{
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 16rpx;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
width: calc(100% - 64rpx);
|
||||
margin: 16rpx auto;
|
||||
padding: 32rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,385 @@
|
|||
<template>
|
||||
<view class="shopCart">
|
||||
<u-gap height="10" bgColor="#F4F5F7"></u-gap>
|
||||
|
||||
<view class="words_box">
|
||||
<view class="shop_box" v-for="(v,i) in list" :key="i">
|
||||
<u-swipe-action>
|
||||
<u-swipe-action-item :options="options1" @click="del(v.id)">
|
||||
<view class="choose_main">
|
||||
<view class="left_choose">
|
||||
<view class="choose_box" @click="chooseOne(i,v.choosed)">
|
||||
<image v-if="v.choosed == 1" src="../../static/workDetail/choose.png"
|
||||
mode="widthFix" class="choose_img"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right_show">
|
||||
<view class="show_top">
|
||||
<view class="top_left">
|
||||
<image :src="v.userUrl" class="top_left_img"></image>
|
||||
</view>
|
||||
<view class="top_right">
|
||||
{{v.name}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="shou_main">
|
||||
<view class="shou_main_left">
|
||||
<image :src="v.orderUrl" class="shou_main_left_img"></image>
|
||||
</view>
|
||||
<view class="shou_main_center">
|
||||
<view class="shou_main_center_name">
|
||||
{{v.orderName}}
|
||||
</view>
|
||||
<view class="shou_main_center_num">
|
||||
<!-- x{{v.orderNum} -->
|
||||
<u-number-box v-model="v.orderNum" buttonSize="20" integer>
|
||||
<view slot="minus" class="minus">
|
||||
<u-icon name="minus" size="12"></u-icon>
|
||||
</view>
|
||||
<view slot="plus" class="plus">
|
||||
<u-icon name="plus" size="12"></u-icon>
|
||||
</view>
|
||||
</u-number-box>
|
||||
</view>
|
||||
</view>
|
||||
<view class="shou_main_right">
|
||||
{{v.orderMoney}}积分
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</u-swipe-action-item>
|
||||
</u-swipe-action>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="list.length == 0" style="margin-top: 120px;">
|
||||
<u-empty mode="car" icon="../../static/orderE.png">
|
||||
</u-empty>
|
||||
</view>
|
||||
|
||||
<view class="money_box">
|
||||
<view class="allChoose_box" @click="chooseAll()">
|
||||
<image v-if="allChoosed == 1" src="../../static/workDetail/choose.png" mode="widthFix"
|
||||
class="allChoosed_img"></image>
|
||||
</view>
|
||||
<view class="money_button">
|
||||
<u-button class="custom-style" text="结算"></u-button>
|
||||
</view>
|
||||
<view class="money_num">
|
||||
合计：<text class="number">{{allMoney}}积分</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options1: [{
|
||||
text: '删除',
|
||||
style: {
|
||||
backgroundColor: '#99241B'
|
||||
}
|
||||
}],
|
||||
list: [{
|
||||
id: '000',
|
||||
name: '张三',
|
||||
userUrl: '../../static/MoneyIco.png',
|
||||
orderName: '物品名',
|
||||
orderNum: '1',
|
||||
orderUrl: '../../static/icon12.jpg',
|
||||
orderMoney: '25',
|
||||
choosed: 0,
|
||||
},
|
||||
{
|
||||
id: '001',
|
||||
name: '李四',
|
||||
userUrl: '../../static/MoneyIco.png',
|
||||
orderName: '物品名',
|
||||
orderNum: '1',
|
||||
orderUrl: '../../static/icon12.jpg',
|
||||
orderMoney: '125',
|
||||
choosed: 0,
|
||||
},
|
||||
{
|
||||
id: '002',
|
||||
name: '王五',
|
||||
userUrl: '../../static/MoneyIco.png',
|
||||
orderName: '物品名',
|
||||
orderNum: '5',
|
||||
orderUrl: '../../static/icon12.jpg',
|
||||
orderMoney: '5',
|
||||
choosed: 1,
|
||||
},
|
||||
{
|
||||
id: '003',
|
||||
name: '赵六',
|
||||
userUrl: '../../static/MoneyIco.png',
|
||||
orderName: '物品名',
|
||||
orderNum: '3',
|
||||
orderUrl: '../../static/icon12.jpg',
|
||||
orderMoney: '55',
|
||||
choosed: 1,
|
||||
},
|
||||
{
|
||||
id: '004',
|
||||
name: '陈七',
|
||||
userUrl: '../../static/MoneyIco.png',
|
||||
orderName: '物品名',
|
||||
orderNum: '15',
|
||||
orderUrl: '../../static/icon12.jpg',
|
||||
orderMoney: '2',
|
||||
choosed: 0,
|
||||
}
|
||||
],
|
||||
allChoosed: 0,
|
||||
allMoney: 88,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
del(i) {
|
||||
console.log(i)
|
||||
},
|
||||
chooseOne(val1, val2) {
|
||||
if (val2 == 0) {
|
||||
this.list[val1].choosed = 1
|
||||
} else if (val2 == 1) {
|
||||
this.list[val1].choosed = 0
|
||||
}
|
||||
},
|
||||
chooseAll() {
|
||||
if (this.allChoosed == 0) {
|
||||
this.allChoosed = 1
|
||||
this.list.forEach((item) => {
|
||||
item.choosed = 1
|
||||
})
|
||||
} else if (this.allChoosed == 1) {
|
||||
this.allChoosed = 0
|
||||
this.list.forEach((item) => {
|
||||
item.choosed = 0
|
||||
})
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.u-number-box__plus {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.shopCart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #F4F5F7;
|
||||
|
||||
.words_box {
|
||||
width: 100%;
|
||||
height: calc(100% - 60px);
|
||||
overflow: scroll;
|
||||
|
||||
.shop_box {
|
||||
width: 94%;
|
||||
margin: 10px 3%;
|
||||
height: 137px;
|
||||
background: #FFFFFF;
|
||||
|
||||
.choose_main {
|
||||
width: 100%;
|
||||
height: 137px;
|
||||
|
||||
.left_choose {
|
||||
width: 40px;
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
.choose_box {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 10px;
|
||||
margin-left: 9px;
|
||||
border: 1px solid #CFCFCF;
|
||||
border-radius: 50px;
|
||||
|
||||
.choose_img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right_show {
|
||||
width: calc(100% - 40px);
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
.show_top {
|
||||
height: 35px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.top_left {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
|
||||
.top_left_img {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.top_right {
|
||||
margin-left: 5px;
|
||||
line-height: 35px;
|
||||
font-size: 16px;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 700;
|
||||
color: #251B1D;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.shou_main {
|
||||
height: 78px;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
|
||||
.shou_main_left {
|
||||
height: 78px;
|
||||
width: 74px;
|
||||
border-radius: 5px;
|
||||
float: left;
|
||||
|
||||
.shou_main_left_img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.shou_main_center {
|
||||
float: left;
|
||||
|
||||
.shou_main_center_name {
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 700;
|
||||
color: #251B1D;
|
||||
line-height: 20px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.shou_main_center_num {
|
||||
margin-left: 6px;
|
||||
margin-top: 10px;
|
||||
|
||||
.minus {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #F7F9F9 ;
|
||||
background-color: #F7F9F9 ;
|
||||
border-width: 1px;
|
||||
@include flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.input {
|
||||
padding: 0 8px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.plus {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #F7F9F9 ;
|
||||
background-color: #F7F9F9 ;
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shou_main_right {
|
||||
float: right;
|
||||
height: 78px;
|
||||
line-height: 78px;
|
||||
font-size: 18px;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 700;
|
||||
color: #251B1D;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.money_box {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: #FFFFFF;
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
|
||||
.allChoose_box {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: calc(3% + 9px);
|
||||
border: 1px solid #CFCFCF;
|
||||
border-radius: 50px;
|
||||
|
||||
.allChoosed_img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.money_button {
|
||||
height: 40px;
|
||||
width: 96px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 3%;
|
||||
|
||||
.custom-style {
|
||||
background-color: #99241B;
|
||||
color: #FFFFFF;
|
||||
font-weight: 600;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.money_num {
|
||||
height: 50px;
|
||||
line-height: 55px;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
right: calc(3% + 110px);
|
||||
|
||||
.number {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #FF6600;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,16 +1,8 @@
|
|||
<template>
|
||||
<view class="layout">
|
||||
<search></search>
|
||||
<view class="screen">
|
||||
<view class="date" @click="show = true">
|
||||
<text>{{dateTime}}</text>
|
||||
<u-icon name="arrow-down-fill" size="10" color="#007aff"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 年月日 -->
|
||||
<u-datetime-picker ref="datetimePicker" :formatter="formatter" :show="show" v-model="defaultTime" mode="date"
|
||||
@confirm="confirmDate" @cancel="show = false" :closeOnClickOverlay="true" @close="show = false">
|
||||
</u-datetime-picker>
|
||||
<u-search height=42 margin="12px 0" searchIconColor="#251B1D" shape="square" :showAction="false"
|
||||
v-model="artValue" placeholder="请输入搜索内容"></u-search>
|
||||
|
||||
<view class="shelves">
|
||||
<view class="shelves-item">
|
||||
<image src="../../static/icon12.jpg" mode="widthFix" class="shelves-img"></image>
|
||||
|
|
@ -26,17 +18,11 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import search from "@/components/search/search.vue"
|
||||
|
||||
export default {
|
||||
components: {
|
||||
search
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dateTime: '',
|
||||
defaultTime: Number(new Date()),
|
||||
show: false,
|
||||
artValue: '',
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
|
|
@ -51,26 +37,7 @@
|
|||
// #endif
|
||||
},
|
||||
methods: {
|
||||
confirmDate(val) {
|
||||
let date = new Date(val.value)
|
||||
var Y = date.getFullYear()
|
||||
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
|
||||
const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate())
|
||||
this.dateTime = Y + '-' + M + '-' + D
|
||||
this.show = false
|
||||
},
|
||||
formatter(type, value) {
|
||||
if (type === 'year') {
|
||||
return `${value}年`
|
||||
}
|
||||
if (type === 'month') {
|
||||
return `${value}月`
|
||||
}
|
||||
if (type === 'day') {
|
||||
return `${value}日`
|
||||
}
|
||||
return value
|
||||
},
|
||||
|
||||
},
|
||||
onLoad(option){
|
||||
console.log(option.id);
|
||||
|
|
@ -82,22 +49,6 @@
|
|||
.layout {
|
||||
padding: 8px 16px;
|
||||
|
||||
.screen {
|
||||
margin-top:12px;
|
||||
display: flex;
|
||||
.date {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #007aff;
|
||||
padding: 2px 10px;
|
||||
border: 1px solid #007aff;
|
||||
border-radius: 24px;
|
||||
.text {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shelves {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,73 @@
|
|||
<template>
|
||||
<view class="layout">
|
||||
<u-search height=42 margin="12px 0" searchIconColor="#251B1D" shape="square" :showAction="false"
|
||||
v-model="artValue" placeholder="请输入名家名称"></u-search>
|
||||
|
||||
<view class="shelves">
|
||||
<view class="shelves-item">
|
||||
<image src="../../static/icon12.jpg" mode="widthFix" class="shelves-img"></image>
|
||||
<view class="name">作品名称</view>
|
||||
</view>
|
||||
<view class="" style="width:16px;"></view>
|
||||
<view class="shelves-item">
|
||||
<image src="../../static/icon12.jpg" mode="widthFix" class="shelves-img"></image>
|
||||
<view class="name">作品名称</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
artValue: '',
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
let date = new Date()
|
||||
let Y = date.getFullYear()
|
||||
let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1)
|
||||
let D = date.getDate() < 10 ? ('0' + date.getDate()) : date.getDate()
|
||||
this.dateTime = Y + '-' + M + '-' + D
|
||||
// #ifdef MP-WEIXIN
|
||||
// 微信小程序设置格式
|
||||
this.$refs.datetimePicker.setFormatter(this.formatter)
|
||||
// #endif
|
||||
},
|
||||
methods: {
|
||||
|
||||
},
|
||||
onLoad(option){
|
||||
console.log(option.id);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.layout {
|
||||
padding: 8px 16px;
|
||||
|
||||
.shelves {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
|
||||
.shelves-item {
|
||||
width: 50%;
|
||||
margin-top: 16px;
|
||||
|
||||
.shelves-img {
|
||||
border-radius: 8px 8px 8px 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -6,7 +6,8 @@
|
|||
<image src="../../static/icon11.png" mode="" class="appname"></image>
|
||||
</view>
|
||||
<view style="padding:12px 0;">
|
||||
<search></search>
|
||||
<u-search height=42 margin="12px 0" searchIconColor="#251B1D" shape="square" :showAction="false"
|
||||
v-model="artValue" placeholder="请输入搜索内容"></u-search>
|
||||
</view>
|
||||
<u-swiper :list="list" indicator indicatorMode="line" circular></u-swiper>
|
||||
<view class="menus">
|
||||
|
|
@ -47,7 +48,7 @@
|
|||
<view class="title">
|
||||
文艺名家
|
||||
</view>
|
||||
<view class="more">
|
||||
<view class="more" @click="navigateToFun('/pages/famousArts/artistList')">
|
||||
更多
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -71,7 +72,7 @@
|
|||
<view class="title">
|
||||
热门活动
|
||||
</view>
|
||||
<view class="more">
|
||||
<view class="more" @click="navigateToFun('/pages/ArtActivities/ArtActivities')">
|
||||
更多
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -79,7 +80,7 @@
|
|||
最精彩的文艺活动
|
||||
</view>
|
||||
<view class="scrollEle">
|
||||
<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular></u-swiper>
|
||||
<u-swiper :list="list2" keyName="image" showTitle :autoplay="false" circular @click="goActDeat"></u-swiper>
|
||||
</view>
|
||||
</view>
|
||||
<u-gap height="5" bgColor="#ffffff"></u-gap>
|
||||
|
|
@ -88,13 +89,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import search from "@/components/search/search.vue"
|
||||
export default {
|
||||
components: {
|
||||
search
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
artValue: '',
|
||||
statusHeight: 0,
|
||||
titleHeight: 50,
|
||||
list: [
|
||||
|
|
@ -244,6 +242,12 @@
|
|||
uni.navigateTo({
|
||||
url:"/pages/enjoy/enjoy?id="+String(id)
|
||||
})
|
||||
},
|
||||
goActDeat(index){
|
||||
console.log(index)
|
||||
uni.navigateTo({
|
||||
url:`/pages/ActivitiesDetail/ActivitiesDetail?id=${index}`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 928 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 844 B |
Loading…
Reference in New Issue