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

src/views/Dianping/comment.vue

@@ -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;
@@ -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;