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;