Merge branch 'feature_20250116_提示类建店指标跳转页' into uat(dev)

src/views/home/hintTabPage/unCreateStore.vue

@@ -341,94 +341,113 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+/* Base container styles */
 .unCreateStore {
   height: 100%;
   width: 100%;
-  /* overflow-y: auto; */
+
   .content {
     padding: 8px 10px;
-    .item {
-      padding: 8px 10px;
-      margin: 10px 0;
-      background: #fff;
-      .van-cell__right-icon {
-        height: 144px;
-        line-height: 144px;
-        margin-right: 10px;
-      }
-      .van-cell {
-        padding: 0;
-      }
-      .card {
-        box-sizing: border-box;
-        .title {
-          font-size: 16px;
-          font-weight: bold;
-          color: #333;
-          line-height: 30px;
-        }
-        .info {
-          font-size: 14px;
-          color: #909090;
-          line-height: 26px;
-        }
-      }
-      .visitStoreIco {
-        float: left;
-        float: left;
-        width: 26px;
-        text-align: center;
-        background-color: #ffba13;
-        color: #fff;
-        border-radius: 100%;
-        margin-left: 14px;
-        line-height: 26px;
-        height: 26px;
-      }
-      .centerBtn {
-        /* margin: 0 auto 10px; */
-        display: block;
-        width: 92%;
-        color: #0057ba;
-        border-radius: 5px;
-        padding: 0 6px;
-        height: 28px;
-      }
-      .ctns {
-        position: absolute;
-        top: 0px;
-        right: 0px;
-        width: 77px;
-      }
-      .statusIcon {
-        padding: 3px;
-        font-size: 12px;
-        margin: 0 3px;
-        color: #fff;
-        display: inline-block;
-        height: 20px;
-        line-height: 16px;
-        vertical-align: -1px;
-      }
-      .submit {
-        background: #ffba13;
-      }
-      .noSubmit {
-        background: #f11818;
-      }
+  }
+}
+
+/* Store item styles */
+.item {
+  padding: 8px 10px;
+  margin: 10px 0;
+  background: #fff;
+
+  .van-cell {
+    padding: 0;
+
+    &__right-icon {
+      height: 144px;
+      line-height: 144px;
+      margin-right: 10px;
     }
   }
-  .van-collapse-item {
-    border-bottom: 1px solid #dcdcdc;
+}
+
+/* Card styles */
+.card {
+  box-sizing: border-box;
+
+  .title {
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    line-height: 30px;
+  }
+
+  .info {
+    font-size: 14px;
+    color: #909090;
+    line-height: 26px;
+  }
+}
+
+/* Icon styles */
+.visitStoreIco {
+  float: left;
+  width: 26px;
+  text-align: center;
+  background-color: #ffba13;
+  color: #fff;
+  border-radius: 100%;
+  margin-left: 14px;
+  line-height: 26px;
+  height: 26px;
+}
+
+/* Button styles */
+.centerBtn {
+  display: block;
+  color: #0057ba;
+  border-radius: 5px;
+  padding: 0 6px;
+  height: 28px;
+
+  &.ctns {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 77px;
+  }
+}
+
+/* Status styles */
+.statusIcon {
+  padding: 3px;
+  font-size: 12px;
+  margin: 0 3px;
+  color: #fff;
+  display: inline-block;
+  height: 20px;
+  line-height: 16px;
+  vertical-align: -1px;
+
+  &.submit {
+    background: #ffba13;
   }
-  .TCFXListItem {
-    display: inline-block;
-    border: 1px solid #ccc;
-    padding: 3px 5px;
-    margin: 0 5px;
-    border-radius: 6px;
+
+  &.noSubmit {
+    background: #f11818;
   }
 }
+
+/* List item styles */
+.TCFXListItem {
+  display: inline-block;
+  border: 1px solid #ccc;
+  padding: 3px 5px;
+  margin: 0 5px;
+  border-radius: 6px;
+}
+
+/* Collapse styles */
+.van-collapse-item {
+  border-bottom: 1px solid #dcdcdc;
+}
 </style>
 <style lang="scss">
 .unCreateStore {