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

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

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