xiangshan
/
yxdth5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of git.zdool.com:xs/yxdt/h5

This commit is contained in:
姚宇浩 2023-12-07 16:50:41 +08:00
parent 2e952cd8eb 222c1bdcf7
commit 6b03a25b82
1 changed files with 49 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
src/views/Dianping/comment.vue
View File

@ -75,8 +75,14 @@
<div class="linetopTitle">{{ data.title }}</div>
<span class="linetopAddress">{{ data.address }}</span>
<span class="linetopScoring">
<img :src="f1" v-for="(data, index) in 5"
/></span>
<div v-if="data.Scoring">
<img :src="f1" v-for="it in data.Scoring" />
<img :src="f2" v-for="it in 5 - data.Scoring" />
</div>
<div v-else>
<img :src="f2" v-for="it in 5" />
</div>
</span>
<span class="linetoprate">{{ data.rate }}</span>
</div>
</div>
@ -181,7 +187,7 @@ const records = reactive({
imgurl: b2,
title: "象山老年大学",
address: "宁波市象山县广场路39号",
Scoring: 4,
Scoring: 1,
rate: "职业学校",
comment: "老师非常耐心，课程也很丰富！",
},
@ -271,6 +277,7 @@ const choose = (id) => {
min-height: 100vh;
color: #000;
margin: 0 16px;
margin: 0 0 0 16px;
.title {
// width: 72px;
// height: 16px;
@ -289,7 +296,7 @@ const choose = (id) => {
.listbox {
position: relative;
.imgList {
width: 40vw;
width: 42vw;
height: 50vw;
flex: 0 0 auto; /* 不要让图像拉伸 */
margin-right: 10px;
@ -337,43 +344,43 @@ const choose = (id) => {
}
}
}
// .tabsList {
// display: flex;
// .tabName {
// width: 72px;
// height: 16px;
// font-size: 18px;
// font-family: PingFang SC, PingFang SC;
// font-weight: 600;
// color: #333333;
// line-height: 16px;
// }
// .tabnames {
// width: 56px;
// height: 14px;
// font-size: 14px;
// font-family: PingFang SC, PingFang SC;
// font-weight: 400;
// color: #666666;
// line-height: 14px;
// }
// span {
// margin-right: 15px;
// // background: url();
// }
// .tabsList {
// display: flex;
// .tabName {
// width: 72px;
// height: 16px;
// font-size: 18px;
// font-family: PingFang SC, PingFang SC;
// font-weight: 600;
// color: #333333;
// line-height: 16px;
// }
// .tabnames {
// width: 56px;
// height: 14px;
// font-size: 14px;
// font-family: PingFang SC, PingFang SC;
// font-weight: 400;
// color: #666666;
// line-height: 14px;
// }
// span {
// margin-right: 15px;
// // background: url();
// }
// // p {
// // width: 30px;
// // height: 8px;
// // border-radius: 5px;
// // background: rgb(181, 202, 255);
// // background: linear-gradient(
// // 90deg,
// // rgba(181, 202, 255, 1) 0%,
// // rgba(255, 255, 255, 1) 100%
// // );
// // }
// }
// // p {
// // width: 30px;
// // height: 8px;
// // border-radius: 5px;
// // background: rgb(181, 202, 255);
// // background: linear-gradient(
// // 90deg,
// // rgba(181, 202, 255, 1) 0%,
// // rgba(255, 255, 255, 1) 100%
// // );
// // }
// }
.main {
box-sizing: border-box;
@ -413,7 +420,7 @@ const choose = (id) => {
display: flex;
overflow-x: auto; /* 允许横向滚动 */
white-space: nowrap; /* 防止换行 */
width: 91vw;
width: 89vw;
margin-bottom: 22px;
margin-top: 8px;
.tabtitle {
@ -444,7 +451,7 @@ const choose = (id) => {
box-sizing: border-box;
.line {
margin-bottom: 20px;
width: 343px;
width: 345px;
height: 132px;
background: #ffffff;
box-shadow: 0px 2px 12px 0px #ebeef3;