调整文件目录

src/pages.json

@@ -35,26 +35,6 @@
         "navigationBarTitleText": "支付确认",
         "navigationBarBackgroundColor": "#FFF"
       }
-    },
-    {
-      "path": "pages/ycysp/component/coupon-item",
-      "type": "page"
-    },
-    {
-      "path": "pages/ycysp/component/member",
-      "type": "page"
-    },
-    {
-      "path": "pages/ycysp/component/order-item",
-      "type": "page"
-    },
-    {
-      "path": "pages/ycysp/component/recharge-item",
-      "type": "page"
-    },
-    {
-      "path": "pages/ycysp/component/ticket-recieve",
-      "type": "page"
     }
   ],
   "globalStyle": {

src/pages/ycysp/components/recharge-item.vue

@@ -37,7 +37,7 @@ const selectEvent = () => {
   opacity: 1;
   background: #fff;
   box-sizing: border-box;
-  border: 1.6rpx solid #ececec;
+  border: 2rpx solid #ececec;
 }
 .is-checked {
   background: #dcefff;
@@ -59,10 +59,10 @@ const selectEvent = () => {
   color: $sub-price-color;
   font-weight: 600;
   line-height: normal;
-  letter-spacing: 0em;
   .icon {
     font-size: 28rpx;
-    margin-bottom: 4rpx;
+    margin-bottom: 8rpx;
+    margin-right:4rpx;
   }
   .num {
     /* 价格 */
@@ -72,10 +72,8 @@ const selectEvent = () => {
 .type-ori {
   font-size: 24rpx;
   font-weight: normal;
-  line-height: normal;
-  letter-spacing: 0em;
   text-decoration: line-through;
   color: #a4c4fa;
-  margin-top: 6rpx;
+  margin-top: 4rpx;
 }
 </style>

src/pages/ycysp/coupon.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import { ref, reactive, unref, onMounted} from 'vue';
-import couponItem from './component/coupon-item.vue';
+import couponItem from './components/coupon-item.vue';
 
 </script>
 <style scoped lang="scss">

src/pages/ycysp/home.vue

@@ -35,7 +35,7 @@
       <view class="title">
         <view class="title-text">选择影音会员</view>
       </view>
-      <scroll-view scroll-x class="scroll">
+      <scroll-view scroll-x class="scroll" :scroll-left="scrollLeft" scroll-with-animation>
         <view class="swiper">
           <view v-for="(item, index) in brandArr" class="member-item">
             <member :key="item.id" :detail="item" @checked="handleChecked" />
@@ -114,9 +114,9 @@
 
 <script setup>
 import { ref, reactive, unref, onMounted, nextTick } from "vue";
-// import ticketRecieve from './component/ticket-recieve.vue';
-import member from "./component/member.vue";
-import rechargeItem from "./component/recharge-item.vue";
+// import ticketRecieve from './components/ticket-recieve.vue';
+import member from "./components/member.vue";
+import rechargeItem from "./components/recharge-item.vue";
 import { getBrandList, getProductList, login } from "@/api/ycysp";
 import { generateUUID } from "@/utils/utils";
 import { createOrder } from "@/api/ycysp";
@@ -128,6 +128,7 @@ const brandArr = ref([]);
 const productArr = ref([]);
 const account = ref("");
 const authCode = ref("");
+const scrollLeft = ref(0);
 
 //获取品牌
 const getBrand = () => {
@@ -138,6 +139,10 @@ const getBrand = () => {
         ...item,
         isChecked: index === 0,
       }));
+      setTimeout(()=>{
+        scrollLeft.value = 60
+      },500)
+     
     })
     .catch((err) => {
       console.error(err);
@@ -283,7 +288,7 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   position: relative;
-  margin-bottom: 20rpx;
+  margin-bottom: 2rpx;
 
   .title-line {
     width: 10rpx;
@@ -296,9 +301,9 @@ onMounted(async () => {
   .title-text {
     font-size: 36rpx;
     font-weight: 400;
-    letter-spacing: 0.04em;
     color: #212f3b;
     margin-left: 14rpx;
+    font-family: PingFang SC-Bold;
   }
 
   .title-more {
@@ -306,7 +311,6 @@ onMounted(async () => {
     right: 0;
     font-size: 26rpx;
     font-weight: normal;
-    letter-spacing: 0.04em;
     color: #666e7e;
   }
 }
@@ -322,6 +326,7 @@ onMounted(async () => {
   width: 100%;
   // height:250rpx;
   overflow-x: auto;
+  transition: all 1s linear;
 }
 
 .swiper {
@@ -331,7 +336,7 @@ onMounted(async () => {
 }
 
 .member-item {
-  margin: 0 16rpx 16rpx 0;
+  margin: 16rpx 16rpx 0 0;
   width: calc((100vw - 68rpx) / 3);
 }
 
@@ -349,9 +354,10 @@ onMounted(async () => {
 }
 
 .recharge-item {
-  display: inline-block;
-  margin: 0 16rpx 16rpx 0;
-  width: calc((100vw - 20rpx) / 3.5);
+  display: inline-flex;
+  margin: 20rpx 16rpx 0 0;
+  // width: calc((100vw - 68rpx) / 3.5);
+  width: 204rpx;
 }
 
 .input-container {
@@ -360,18 +366,15 @@ onMounted(async () => {
   border-radius: 84rpx;
   opacity: 1;
   background: #eef7ff;
-  margin: 40rpx auto 0;
+  margin: 36rpx auto 0;
   display: flex;
   align-items: center;
   padding: 0 40rpx;
   box-sizing: border-box;
-
   input {
     width: 100%;
     font-size: 32rpx;
     font-weight: normal;
-    line-height: normal;
-    letter-spacing: 0em;
     color: #8dbff6;
   }
 }
@@ -379,8 +382,6 @@ onMounted(async () => {
 .pcs {
   font-size: 32rpx;
   font-weight: normal;
-  line-height: normal;
-  letter-spacing: 0em;
   color: #8dbff6;
 }
 
@@ -388,7 +389,7 @@ onMounted(async () => {
   width: 710rpx;
   height: 88rpx;
   padding: 12rpx 28rpx;
-  margin: 40rpx auto 0;
+  margin: 20rpx auto 0;
   font-size: 32rpx;
   font-weight: normal;
   line-height: normal;

src/pages/ycysp/order.vue

@@ -49,7 +49,7 @@
 
 <script setup>
 import { useMessage } from "wot-design-uni";
-import OrderItem from "./component/order-item";
+import OrderItem from "./components/order-item";
 import usePay from "./hooks/usePay";
 import { getOrderList, refundOrder } from "../../api/ycysp";
 import { onMounted, ref, unref, reactive, computed } from "vue";

uni-pages.d.ts

@@ -7,12 +7,7 @@ interface NavigateToOptions {
   url: "/pages/ycysp/home" |
        "/pages/ycysp/order" |
        "/pages/ycysp/orderDetail" |
-       "/pages/ycysp/pay" |
-       "/pages/ycysp/component/coupon-item" |
-       "/pages/ycysp/component/member" |
-       "/pages/ycysp/component/order-item" |
-       "/pages/ycysp/component/recharge-item" |
-       "/pages/ycysp/component/ticket-recieve";
+       "/pages/ycysp/pay";
 }
 interface RedirectToOptions extends NavigateToOptions {}