This commit is contained in:
jiangnan 2022-07-15 16:03:46 +08:00
commit 7c409b00f6
5 changed files with 234 additions and 67 deletions

View File

@ -507,6 +507,23 @@
"enablePullDownRefresh": false
}
},
{
"path" : "pages/my/imgUpload",
"style" :
{
"navigationBarTitleText": "图片上传",
"enablePullDownRefresh": false
}
},{
"path" : "pages/my/evaluated",
"style" :
{
"navigationBarTitleText": "已评价",
"enablePullDownRefresh": false
}
},
{
"path" : "pages/orderHall/orderHall",
@ -533,6 +550,15 @@
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/my/uploadedImgShow",
"style" :
{
"navigationBarTitleText": "已传图片",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTitleText": "艺象心",

View File

@ -264,7 +264,7 @@
toOrderControl(){
uni.navigateTo({
//
url: "/pages/my/myWoekList",
url: "OrderActControl",
})
},
//

View File

@ -3,6 +3,7 @@
<view class="art_act_itm" v-for="(v,i) in 3" :key="i" @click="goActDeat(i)">
<image src="../../static/icon12.jpg" mode=""></image>
<view class="bottom_part" style="padding: 0 12px;">
<view class="ddd" style="display: flex; justify-content: space-between; align-items: center;">
<view class="title">
露凝而白鸿雁来清秋满怀
@ -17,14 +18,56 @@
<view class="act_time" style="">
活动时间2022/06/27
</view>
<view class="but_box">
<view style="width: 118px;">
<u-button shape="circle" text="已传图片"></u-button>
<view class="but_box" style="margin-top: 20rpx;">
<view style="width: 236rpx; margin: 0 10rpx;">
<u-button color="#99241B" shape="circle" text="确认完成"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; ">
<u-button icon="photo-fill" shape="circle" text="已传图片" @click="touploadedimg()"></u-button>
</view>
<view style="width: 236rpx;margin: 0 10rpx; ">
<u-button icon="photo-fill" shape="circle" color="#99241B" plain text="图片上传"
@click="toUpimgPage()"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button shape="circle" text="取消报名"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button plain color="#99241B" shape="circle" text="评价" @click="show=true"></u-button>
</view>
<view style="width: 190rpx;margin: 0 10rpx; ">
<u-button shape="circle" text="已评价" @click="toEvlauedpg"></u-button>
</view>
</view>
</view>
</view>=
<u-modal :show="show" @close="close()" :closeOnClickOverlay="true">
<view class="pinContent">
<view class="pinContent_itm" v-for='(v,i) in score' :key="i">
<view class="pinContent_avator">
<image class="pinContent_avator_img" src="../../static/MyBg.png" mode=""></image>
<view class="pinContent_Time">
<text style="font-size: 24rpx; font-weight: 600;">{{v.name}}</text>
</view>
</view>
<view class="pinContent_rate">
<u-rate count=5 v-model="v.star"></u-rate>
</view>
</view>
</view>
<view slot="confirmButton" style="display: flex; justify-content: center; align-items: center;">
<view style="width: 400rpx;">
<u-button color="#99241B" shape="circle" text="提交" @click="subEvalue()"></u-button>
</view>
</view>
</u-modal>
</view>
</template>
@ -32,7 +75,18 @@
export default {
data() {
return {
show: false,
count: 4,
value: 2,
rate2: 2,
total: 0,
score: [{
name: "jack",
star: 0
}, {
name: "tom",
star: 0
}]
};
},
methods: {
@ -40,6 +94,27 @@
uni.navigateTo({
// url:`/pages/ActivitiesDetail/ActivitiesDetail?id=${id}`
})
},
toUpimgPage() {
uni.navigateTo({
url: `/pages/my/imgUpload`
})
},
touploadedimg() {
uni.navigateTo({
url: `/pages/my/uploadedImgShow`
})
},
subEvalue() {
this.show = false
console.log(this.score)
//
},
toEvlauedpg(){uni.navigateTo({
url: `/pages/my/evaluated`
})},
close() {
this.show = false
}
}
}
@ -47,8 +122,8 @@
<style lang="scss">
page {
width: calc(100% - 32px);
margin: 0px 16px;
width: calc(100% - 64rpx);
margin: 0rpx 32rpx;
background-color: #F5F5F5 !important;
}
@ -56,64 +131,96 @@
width: 100%;
height: 60%;
}
.but_box{
.but_box {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
.tag_sta {
width: 50px;
height: 24px;
width: 100rpx;
height: 48rpx;
background: #F9F2F2;
border-radius: 4px;
line-height: 24px;
border-radius: 8rpx;
line-height: 48rpx;
color: #99241B;
text-align: center;
font-size: 12px;
font-size: 24rpx;
}
.tag_sta_end{
width: 50px;
height: 24px;
background: #FFF4ED;;
border-radius: 4px;
line-height: 24px;
.tag_sta_end {
width: 100rpx;
height: 48rpx;
background: #FFF4ED;
;
border-radius: 8rpx;
line-height: 48rpx;
color: #FF6600;
text-align: center;
font-size: 12px;
font-size: 24rpx;
}
.act_time {
height: 17px;
font-size: 12px;
height: 34rpx;
font-size: 24rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #AFADB0;
line-height: 17px;
line-height: 34rpx;
}
.art_act_itm {
margin-top: 12px;
height: 314px;
margin-top: 24rpx;
height: 628rpx;
border-radius: 8px;
border: 1px solid transparnt;
border: 2rpx solid transparnt;
position: relative;
border-radius: 10px;
border-radius: 20rpx;
overflow: hidden;
background-color: #FFFFFF;
.title {
/* position: absolute;
bottom: 0;
background: #000000;
border-radius: 0px 0px 8px 8px;
opacity: 0.3;*/
height: 44px;
height: 88rpx;
color: #000000;
line-height: 44px;
font-size: 16px;
line-height: 88rpx;
font-size: 32rpx;
font-weight: 600;
color: #251B1D;
padding-left: 12px;
}
}
.pinContent {
margin-top: 16rpx;
.pinContent_itm {
width: 500rpx;
display: flex;
align-items: center;
justify-content: space-between;
.pinContent_avator {
display: flex;
align-items: center;
.pinContent_avator_img {
width: 68rpx;
height: 68rpx;
margin-right: 16rpx;
margin: 24rpx 16rpx 24rpx 0rpx;
border-radius: 50%;
overflow: hidden;
}
.pinContent_Time {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
}
</style>

View File

@ -9,10 +9,9 @@
<view class="pinContent_avator">
<image :src="v.avatar" mode=""></image>
<view class="pinContent_Time">
<!-- <text style="font-size: 24rpx; font-weight: 600;">{{v.userName}}</text>
<text style="font-size: 24rpx; color: #AFADB0;">{{v.scoreTime}}</text> -->
<text style="font-size: 24rpx; font-weight: 600;">1</text>
<text style="font-size: 24rpx; color: #AFADB0;">2</text>
<text style="font-size: 24rpx; font-weight: 600;">{{v.userName}}</text>
<text style="font-size: 24rpx; color: #AFADB0;">{{v.scoreTime}}</text>
</view>
</view>
<view class="pinContent_rate">
@ -29,14 +28,14 @@
data() {
return {
rate2: 2,
total: 0,
score:[1,2]
total: 2,
score:[{ userName:'jaskon',scoreTime:'2020-01-02',avatar:'../../static/DataSearch/TxtImg.png'},{ userName:'tom',scoreTime:'2020-08-02',avatar:'../../static/DataSearch/TxtImg.png'}]
};
},
onLoad(op) {
this.score = JSON.parse(decodeURIComponent(op.score))
/* this.score = JSON.parse(decodeURIComponent(op.score))
this.total = this.score.length
console.log(this.score)
console.log(this.score) */
}
}
@ -82,12 +81,13 @@
.pinContent_avator {
display: flex;
align-items: center;
image {
width: 36rpx;
height: 36rpx;
width: 68rpx;
height: 68rpx;
margin-right: 16rpx;
padding: 24rpx 0rpx;
margin:24rpx 16rpx 24rpx 0rpx ;
border-radius: 50%;
overflow: hidden;
}
.pinContent_Time {

View File

@ -0,0 +1,34 @@
<template>
<view class="im" >
<image v-for=" (v,i) in imgArr" class="imgSt" :src="v" mode=""></image>
</view>
</template>
<script>
export default {
data() {
return {
imgArr:["../../static/DataSearch/TxtImg.png","../../static/DataSearch/TxtImg.png"]
};
}
}
</script>
<style lang="scss">
.imgSt{
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
margin: 0 10rpx;
}
page{
padding-top: 24rpx;
width: calc(100% - 32rpx);
margin: 0 auto;
}
</style>