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> <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;
@ -337,43 +344,43 @@ const choose = (id) => {
} }
} }
} }
// .tabsList { // .tabsList {
// display: flex; // display: flex;
// .tabName { // .tabName {
// width: 72px; // width: 72px;
// height: 16px; // height: 16px;
// font-size: 18px; // font-size: 18px;
// font-family: PingFang SC, PingFang SC; // font-family: PingFang SC, PingFang SC;
// font-weight: 600; // font-weight: 600;
// color: #333333; // color: #333333;
// line-height: 16px; // line-height: 16px;
// } // }
// .tabnames { // .tabnames {
// width: 56px; // width: 56px;
// height: 14px; // height: 14px;
// font-size: 14px; // font-size: 14px;
// font-family: PingFang SC, PingFang SC; // font-family: PingFang SC, PingFang SC;
// font-weight: 400; // font-weight: 400;
// color: #666666; // color: #666666;
// line-height: 14px; // line-height: 14px;
// } // }
// span { // span {
// margin-right: 15px; // margin-right: 15px;
// // background: url(); // // background: url();
// } // }
// // p { // // p {
// // width: 30px; // // width: 30px;
// // height: 8px; // // height: 8px;
// // border-radius: 5px; // // border-radius: 5px;
// // background: rgb(181, 202, 255); // // background: rgb(181, 202, 255);
// // background: linear-gradient( // // background: linear-gradient(
// // 90deg, // // 90deg,
// // rgba(181, 202, 255, 1) 0%, // // rgba(181, 202, 255, 1) 0%,
// // rgba(255, 255, 255, 1) 100% // // rgba(255, 255, 255, 1) 100%
// // ); // // );
// // } // // }
// } // }
.main { .main {
box-sizing: border-box; box-sizing: border-box;
@ -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;