完成优惠卷部分页面开发

components/Ticket/index.vue

+<template>
+  <view class="all">
+    <view class="partOne">
+
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+    data(){
+        return {
+
+        }
+    }
+}   
+</script>
+
+<style lang="scss" scoped>
+.all {
+    .partOne {
+        width: 100%;
+        height: 241rpx;
+        background: #FFFFFF;
+        box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(102,102,102,0.1000);
+        position: relative;
+    }
+    .partOne::after {
+        content:'';
+        display: inline-block;
+        position: absolute;
+        top: -25rpx;
+        left: 160rpx;
+        width: 50rpx;
+        height: 50rpx;
+        border-radius: 50%;
+        background: #F8F8F8;
+
+    }
+    .partOne::before {
+        content:'';
+        display: inline-block;
+        position: absolute;
+        bottom: -25rpx;
+        left: 160rpx;
+        width: 50rpx;
+        height: 50rpx;
+        border-radius: 50%;
+        box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(102,102,102,0.1000);
+        background: #F8F8F8;
+
+    }
+}
+</style>
\ No newline at end of file

mineSubPackage/pages/coupon/index.vue

 <template>
-  <view>我的页面优惠卷页面</view>
+  <view class="bigBox">
+    <u-tabs
+      :list="list1"
+      :scrollable="false"
+      lineColor="#0050F6"
+      lineWidth="32"
+      lineHeight="2"
+      :activeStyle="{
+        fontSize: '24rpx',
+        fontFamily: 'PingFangSC-Medium, PingFang SC',
+        color: '#333333',
+        fontWeight: '500',
+        paddingBottom: '12rpx',
+      }"
+      :inactiveStyle="{
+        fontSize: '24rpx',
+        fontFamily: 'PingFangSC-Medium, PingFang SC',
+        color: '#666666',
+        fontWeight: '400',
+        paddingBottom: '12rpx',
+      }"
+      itemStyle="height: 64rpx"
+      @click="changeTab"
+    ></u-tabs>
+    <view>
+      <swiper :current="current" class="swiper">
+        <swiper-item>
+          <view class="nouser">
+            <Ticket />
+          </view>
+        </swiper-item>
+        <swiper-item>2</swiper-item>
+      </swiper>
+    </view>
+  </view>
 </template>
 
 <script>
+import Ticket from '@/components/Ticket/index.vue'
 export default {
-
-}
+  components: {Ticket},
+  data() {
+    return {
+      list1: [
+        {
+          name: "HOOLOO卷",
+        },
+        {
+          name: "已使用/已失效",
+        },
+      ],
+      current: 0,
+    };
+  },
+  methods: {
+    changeTab(current) {
+      this.current = current.index;
+    },
+  },
+};
 </script>
 
-<style>
-
-</style>
+<style lang="scss" scoped>
+.bigBox {
+  .swiper {
\ No newline at end of file
+    background: #F8F8F8;
+    height: calc(100vh - 64rpx);
+    .nouser{
+      border: 1px solid red;
+      height: 100%;
+      padding: 32rpx;
+      overflow-y: scroll;
+    }
+  }
+}
+</style>