diff --git a/src/views/Dianping/comment.vue b/src/views/Dianping/comment.vue
index 3f1633b..2eb96b7 100644
--- a/src/views/Dianping/comment.vue
+++ b/src/views/Dianping/comment.vue
@@ -75,8 +75,14 @@
{{ data.title }}
{{ data.address }}
-
+
+
+
+
+
+
+
+
{{ data.rate }}
@@ -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;