Commit becadbdc authored by youjie's avatar youjie

no message

parent 70d4d8fc
This diff is collapsed.
...@@ -211,8 +211,8 @@ ...@@ -211,8 +211,8 @@
position: relative; position: relative;
background: #FFFFFF; background: #FFFFFF;
padding: 21rpx 27rpx 0 22rpx; padding: 21rpx 27rpx 0 22rpx;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09); box-shadow: 0rpx 6rpx 29rpx 0rpx rgba(76, 76, 76, 0.09);
border-radius: 30px; border-radius: 30rpx;
} }
.setComments-content-box{ .setComments-content-box{
padding: 0 50rpx; padding: 0 50rpx;
......
...@@ -51,6 +51,11 @@ ...@@ -51,6 +51,11 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},{
"path": "pages/setComments/commentRulesList",
"style": {
"navigationStyle": "custom"
}
} }
], ],
......
<template>
<view class="commentRulesList-box">
<navbar class="navbarSticky" bg="#FFFFFF">
<view class="commentRulesList-header-box flex">
<van-icon class="commentRulesList-header-left" name="arrow-left" @click="back"/>
<text class="commentRulesList-header-title">评论规则</text>
</view>
</navbar>
<view class="commentRulesList-content">
<view class="commentRulesList-title flex">
<van-image class="img" width="35rpx" height="40rpx" fit="cover"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980136000_413.png" />
<text>默认评论规则</text>
</view>
<view class="commentRulesList-list">
<view class="commentRulesList-cross" @click="deleteRules">
<van-icon name="cross" />
</view>
<view class="commentRulesList-img flex">
<view>百分比: 0%-40%</view>
<van-image @click="editRules" class="img" width="31rpx" height="30rpx" fit="cover"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653980151000_180.png" />
</view>
<view class="commentRulesList-comment">
这位学员很优秀,平时课上的问题都
能积极回答,正确率非常高
。这次考试得分也很高,希望再接再厉
</view>
</view>
<view class="noData">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653902791000_806.png" mode="widthFix"></image>
<view>暂无评论规则数据</view>
</view>
</view>
<view class="commentRulesList-footer-box">
<view class="commentRulesList-footer flex">
<view class="add flex">
<text>添加自定义规则</text>
<view class="Wire"></view>
</view>
<view class="save flex"><text>保存</text></view>
</view>
</view>
<rulesPopup></rulesPopup>
</view>
</template>
<script>
import rulesPopup from '@/components/setComments/rulesPopup'
import setComments from '@/components/setComments/setComments'
import {
reactive,
toRefs,
onMounted,
getCurrentInstance,
inject
} from "vue";
import navbar from '../../components/navbar.vue'
export default {
props: {
},
components: {
navbar,
setComments,
rulesPopup
},
setup() {
let {
proxy
} = getCurrentInstance();
let data = reactive({
value:1,
optionsList:[
{ text: '部分可见', value: 0 },
{ text: '可见不可见', value: 1 },
{ text: '活动商品', value: 2 },
],
radioList:[
{name:'使用默认配置',id:1,checked:true},
{name:'自定义评价',id:2}
],
checked:'1',
obj:{},
Msg: {
HomeWorkId: '',
},
showPhone: false,
showLogin: true, //多次点击
HomeWorkId:'',
jobDetails: {},
dataList:[],
pageState:'more'
});
let methods = {
back(){
uni.navigateBack({
delta: 1
})
},
editRules(){//编辑规则
},
deleteRules (){//删除规则
uni.showModal({
title: '提示',
content: '将删除该规则,是否继续',
success: function (res) {
if (res.confirm) {
console.log('---')
} else if (res.cancel) {
uni.showToast({
title:'已取消',
icon:'none',
duration: 500
})
}
}
});
}
}
return {
...toRefs(data),
...methods
};
},
onLoad(option) {
this.Msg.HomeWorkId = option.HomeWorkId
},
};
</script>
<style scoped>
.noData{
text-align: center;
flex:1;
width: 100%;
}
.noData image{
width:200rpx;
margin-bottom: 40rpx;
}
.noData view{
font-size: 24rpx;
color: #cecece;
text-align: center;
}
.save{
margin-left: 24rpx;
}
.Wire{
width: 2rpx;
height: 32rpx;
background: #DCDCDC;
margin-left: 24rpx;
flex-shrink: 0;
margin-top: 25rpx;
}
.save text{
background: #D13A48;
color: #FFFFFF;
}
.add text{
background: #FFFFFF;
color: #D13A48;
}
.add text,.save text{
line-height: 88rpx;
flex-grow: 2;
border: 1rpx solid #D13A48;
border-radius: 44rpx;
text-align: center;
font-weight: bold;
font-size: 30rpx;
letter-spacing: 1rpx;
}
.add,.save{
flex: 0 0 50%;
flex-shrink: 0;
}
.commentRulesList-footer{
padding: 29rpx 70rpx;
align-items: center;
}
.commentRulesList-footer-box{
position: fixed;
left: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(165, 165, 165, 0.34);
}
.commentRulesList-comment{
font-size: 30rpx;
font-weight: 400;
color: #282828;
line-height: 58rpx;
letter-spacing: 1rpx;
}
.commentRulesList-img .img{
margin-top: 5rpx;
flex-shrink: 0;
}
.commentRulesList-img view{
flex-grow: 1;
margin-right: 15rpx;
}
.commentRulesList-img{
justify-content: space-between;
align-items: center;
font-size: 30rpx;
font-weight: bold;
color: #D9868D;
margin-bottom: 34rpx;
}
.commentRulesList-cross{
position: absolute;
right: -12rpx;
top: -12rpx;
width: 44rpx;
height: 44rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 21rpx 0rpx rgba(165, 165, 165, 0.34);
border-radius: 10rpx;
font-size: 26rpx;
color: #D9868D;
text-align: center;
line-height: 44rpx;
}
.commentRulesList-list{
background: #FCEEEF;
border-radius: 30px;
position: relative;
padding: 37rpx 38rpx 36rpx 45rpx;
margin-bottom: 40rpx;
min-height: 290rpx;
}
.commentRulesList-title .img{
flex-shrink: 0;
display: inline-block;
margin-top: 5rpx;
}
.commentRulesList-title text{
font-size: 40rpx;
font-weight: bold;
color: #282828;
margin-left: 29rpx;
letter-spacing: 1rpx;
}
.commentRulesList-title{
align-items: center;
margin-bottom: 35rpx;
}
.commentRulesList-content{
padding: 0 50rpx;
margin-bottom: 240rpx;
}
.commentRulesList-box{
background: #FFFFFF;
}
.commentRulesList-header-title{
font-size: 32rpx;
font-weight: 500;
color: #282828;
flex:1;
text-align: center;
padding-right: 40rpx;
}
.navbarSticky {
display: sticky;
top: 0;
z-index: 9;
}
</style>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</view> </view>
</view> </view>
<view class="setComments-setType-right flex"> <view class="setComments-setType-right flex" @click="goRules">
<view> <view>
<text>自动评价规则</text> <text>自动评价规则</text>
<van-image class="img" width="14rpx" height="13rpx" fit="cover" <van-image class="img" width="14rpx" height="13rpx" fit="cover"
...@@ -83,8 +83,10 @@ ...@@ -83,8 +83,10 @@
delta: 1 delta: 1
}) })
}, },
radioChange (e){ goRules(){
console.log("打印国家名称",e.target.value) uni.navigateTo({
url:'/pages/setComments/commentRulesList'
})
} }
} }
return { return {
...@@ -143,8 +145,8 @@ ...@@ -143,8 +145,8 @@
} }
.setComments-index-setType{ .setComments-index-setType{
background: #FCEEEF; background: #FCEEEF;
box-shadow: 0px 6px 52px 0px rgba(230, 65, 80, 0.19); box-shadow: 0rpx 6rpx 52rpx 0rpx rgba(230, 65, 80, 0.19);
border-radius: 50px; border-radius: 50rpx;
margin: 55rpx 50rpx 50rpx 50rpx; margin: 55rpx 50rpx 50rpx 50rpx;
padding: 33rpx 50rpx; padding: 33rpx 50rpx;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment