图片

src/components/ReviewSuccess.vue

@@ -2,7 +2,11 @@
     <van-overlay :show="show">
         <div class="box" @click="show = false">
             <div class="content" @click.stop="">
-                <van-image width="100%" src="/native/imgs/img_tongguo.png" fit="widthFix" />
+                <van-image
+                    width="100%"
+                    src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/img_tongguo.png"
+                    fit="widthFix"
+                />
 
                 <div class="text">
                     在个人中心点击“<span>查看我的店铺</span>” 即可管理店铺商品及交易

src/native/svgs/icon_kapai_dizhi.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_kapai_dizhi</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="我的店铺-我的视角" transform="translate(-154.000000, -233.000000)">
+            <g id="编组" transform="translate(154.000000, 229.000000)">
+                <g id="icon/地址" transform="translate(0.000000, 4.000000)">
+                    <rect id="矩形" x="0" y="0" width="14" height="14"></rect>
+                    <g id="编组-6" transform="translate(1.500000, 1.000000)">
+                        <path d="M5.5,-0.5 C7.15637653,-0.5 8.65576041,0.16614213 9.74117063,1.24258201 C10.8280889,2.32051746 11.5,3.80977166 11.5,5.45454545 C11.5,7.20337245 10.2622754,9.11131758 7.62557283,11.1268604 C6.99820374,11.6064326 6.24910771,11.8462189 5.50001158,11.8462192 C4.75091545,11.8462195 4.00181921,11.6064339 3.36822251,11.1220237 C0.634373468,8.96307023 -0.5,7.134371 -0.5,5.45454545 C-0.5,3.80977166 0.17191113,2.32051746 1.25882937,1.24258201 C2.34423959,0.16614213 3.84362347,-0.5 5.5,-0.5 L5.5,-0.5 Z" id="椭圆形" stroke="#FFFFFF" fill="#C8C9CC" stroke-linejoin="round"></path>
+                        <circle id="椭圆形" fill="#FFFFFF" cx="5.5" cy="5.5" r="1.5"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/pages/Home.vue

@@ -11,7 +11,13 @@
     <div class="container">
         <van-sticky>
             <div class="container-bg">
-                <div class="mytest"><img class="mytest" src="../static/imgs/home_top_bg3x.jpg" alt="" /></div>
+                <div class="mytest">
+                    <img
+                        class="mytest"
+                        src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/home_top_bg3x.jpg"
+                        alt=""
+                    />
+                </div>
                 <span>{{ seriesName }}</span>
                 <div class="box-top">
                     <div class="box-img" @click="showSeries('series')">
@@ -55,7 +61,11 @@
 
             <van-empty
                 v-if="empty"
-                :image="`/native/imgs/${search ? 'kong_png_wusosuo' : 'kong_png_wukabao'}.png`"
+                :image="
+                    `https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/${
+                        search ? 'kong_png_wusosuo' : 'kong_png_wukabao'
+                    }.png`
+                "
                 :description="search ? '什么都没有搜到哦～' : '暂无卡包信息哦～'"
             >
             </van-empty>

src/pages/allorder.vue

@@ -20,7 +20,11 @@
         <div v-for="(item, index) in allList" :key="index + 2">
             <allorder-info :all="item" @refreash="allFn"></allorder-info>
         </div>
-        <van-empty v-if="empty" image="/native/imgs/kong_png_womaidaode@3x.png" description="暂无相关订单哦～">
+        <van-empty
+            v-if="empty"
+            image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_womaidaode%403x.png"
+            description="暂无相关订单哦～"
+        >
             <van-button round type="danger" class="bottom-button" @click="Look">
                 去逛逛
             </van-button>

src/pages/chooseAddress.vue

@@ -8,7 +8,11 @@
 </config>
 <template>
     <div class="container">
-        <van-empty v-if="empty" image="/native/imgs/kong_png_shouhuodizhi.png" description="你还没有收货地址哦～">
+        <van-empty
+            v-if="empty"
+            image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_shouhuodizhi.png"
+            description="你还没有收货地址哦～"
+        >
             <van-button type="primary" block @click="address">新增地址</van-button>
         </van-empty>
 

src/pages/details.vue

@@ -8,22 +8,22 @@
     <div class="container">
         <swiper style="height:335px;" :autoplay="true" :indicator-dots="true">
             <swiper-item>
-                <img src="../static/imgs/icon_lunbotu3x..jpg" alt="" />
+                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/icon_lunbotu3x..jpg" alt="" />
             </swiper-item>
             <swiper-item>
-                <img src="../static/imgs/1.jpeg" alt="" />
+                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/1.jpeg" alt="" />
             </swiper-item>
             <swiper-item>
-                <img src="../static/imgs/2.jpeg" alt="" />
+                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/2.jpeg" alt="" />
             </swiper-item>
             <swiper-item>
-                <img src="../static/imgs/3.jpeg" alt="" />
+                <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/3.jpeg" alt="" />
             </swiper-item>
         </swiper>
         <div class="box-tit">{{ cardCaseInfo.caseName }}</div>
 
         <div class="box-live">
-            <img src="../native/imgs/icon_kapai_zhibo@3x.png" alt="" />
+            <img src="..https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/icon_kapai_zhibo@3x.png" alt="" />
             <p>直播未开始</p>
         </div>
         <div class="box-money">
@@ -58,7 +58,7 @@
             其中1种有HR版本，UR卡有UTR版本，UR卡和SR卡有SER版本和PSER版本<br />
             本卡包是1105初回生产限定版的盒内特典包（1盒1包） UR卡8种盒SR卡10种都与1105收录相同，而PSER卡1种是旧卡复刻<br />
         </div>
-        <img class="container-img" src="../static/imgs/3.jpeg" alt="" />
+        <img class="container-img" src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/3.jpeg" alt="" />
         <h3>拼箱规则</h3>
         <div class="box-details">
             1.拼箱是一种类似拼团的玩法，用户选号后支付，当箱中的全部号码都被购买完毕，才算拼箱成功。如果在有限时间内拼箱没有成团，系统会把钱退回给买家<br />

src/pages/follow.vue

@@ -9,7 +9,7 @@
 <template>
     <div class="follow">
         <div class="box-con-Cards">
-            <img src="../static/imgs/2.jpeg" alt="" />
+            <img src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/2.jpeg" alt="" />
             <div class="box-con-right">
                 <p class="box-con-tit">DP20 简中 传说之决斗者编3</p>
                 <div class="box-con-today">

src/pages/mine.vue

@@ -35,7 +35,7 @@
                 class="authentication"
                 width="100%"
                 height="86"
-                src="/native/imgs/info_img_renzhengdianjia.png"
+                src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/info_img_renzhengdianjia.png"
                 fit="contain"
                 @click="wait"
             />

src/pages/mineFollow.vue

@@ -5,7 +5,11 @@
 </config>
 <template>
     <div class="page">
-        <van-empty v-if="empty" image="/native/imgs/kong_png_wodeguanzhu.png" description="你还没有关注哦～">
+        <van-empty
+            v-if="empty"
+            image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_wodeguanzhu.png"
+            description="你还没有关注哦～"
+        >
             <van-button type="primary" block @click="goHome">去逛逛</van-button>
         </van-empty>
         <div class="product" v-for="(item, index) in list" :key="index">

src/pages/minePublish.vue

@@ -5,7 +5,10 @@
 </config>
 <template>
     <div>
-        <van-empty image="/native/imgs/kong_png_wofabude.png" description="你还没有发布商品哦～">
+        <van-empty
+            image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_wofabude.png"
+            description="你还没有发布商品哦～"
+        >
             <van-button type="primary" block>去发布</van-button>
         </van-empty>
     </div>

src/pages/news.vue

@@ -10,7 +10,11 @@
         <news-info :dot="1"></news-info>
         <news-info></news-info> -->
 
-        <van-empty image="/native/imgs/kong_png_xiaoxiliebiao.png" description="你还没有任何消息哦～"> </van-empty>
+        <van-empty
+            image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_xiaoxiliebiao.png"
+            description="你还没有任何消息哦～"
+        >
+        </van-empty>
     </div>
 </template>
 

src/pages/store/apply.vue

@@ -6,7 +6,11 @@
 </config>
 <template>
     <div class="page">
-        <van-image width="100%" src="/native/imgs/renzheng_img_top.jpg" fit="widthFix" />
+        <van-image
+            width="100%"
+            src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/renzheng_img_top.jpg"
+            fit="widthFix"
+        />
 
         <div class="page-top">
             <div class="text1">填写申请资料</div>

src/pages/store/homePage.vue

@@ -2,12 +2,127 @@
 {
     "navigationStyle": "custom",
     "navigationBarTextStyle": "white",
+    "usingComponents": {
+        "van-dropdown-menu": "/vant/dropdown-menu/index",
+        "van-dropdown-item": "/vant/dropdown-item/index"
+    }
 }
 </config>
 <template>
-    <div></div>
+    <div>
+        <div class="top">
+            <van-image
+                width="100%"
+                src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/info_top_bg.png"
+                fit="widthFix"
+            />
+
+            <div class="top-card">
+                <van-image
+                    :src="'/native/svgs/img_defaultphoto.svg'"
+                    width="90"
+                    height="90"
+                    round
+                    class="avatar"
+                    fit="cover"
+                >
+                </van-image>
+                <div class="name">光之城-卡牌</div>
+                <div class="location">
+                    <img src="/native/svgs/icon_kapai_dizhi.svg" alt="" />
+                    <span>浙江 杭州</span>
+                </div>
+            </div>
+        </div>
+        <van-dropdown-menu>
+            <van-dropdown-item title-class="van-icon van-icon-arrow" :value="value1" :options="option1" />
+        </van-dropdown-menu>
+    </div>
 </template>
 
 <script>
-export default {};
+export default {
+    data() {
+        return {
+            option1: [{ text: '全部商品', value: 0 }, { text: '新款商品', value: 1 }, { text: '活动商品', value: 2 }],
+            option2: [
+                { text: '默认排序', value: 'a' },
+                { text: '好评排序', value: 'b' },
+                { text: '销量排序', value: 'c' }
+            ],
+            value1: 0,
+            value2: 'a'
+        };
+    }
+};
 </script>
+
+<style lang="less" scoped>
+.top {
+    position: relative;
+
+    .top-card {
+        position: absolute;
+        left: 20px;
+        right: 20px;
+        bottom: -10px;
+        background: #ffffff;
+        border-radius: 12px;
+        .flex-col();
+        align-items: center;
+        padding: 58px 0 20px;
+        .avatar {
+            position: absolute;
+            top: -45px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .name {
+            font-size: 24px;
+            font-weight: bold;
+            color: #000000;
+            line-height: 34px;
+        }
+
+        .location {
+            .flex();
+            img {
+                width: 14px;
+                height: 14px;
+            }
+            font-size: 12px;
+            color: #c8c9cc;
+            line-height: 22px;
+            margin-top: 13px;
+        }
+    }
+}
+
+/deep/.van-dropdown-menu {
+    --dropdown-menu-title-text-color: @prim;
+
+    .van-icon {
+        font-family: 'vant-icon';
+        &::after {
+            content: none;
+        }
+    }
+    .van-icon-arrow::before {
+        font-size: 8px;
+        content: '\F007';
+        position: absolute;
+        top: 0;
+        right: -4px;
+        transform: rotate(0);
+        transition: transform ease-in-out 0.3s;
+    }
+    .van-dropdown-menu__title--down {
+        &::before {
+            transform: rotate(180deg);
+        }
+    }
+
+    box-shadow: 0 2px 12px rgb(100 101 102 / 12%);
+}
+</style>

src/pages/store/review.vue

@@ -25,7 +25,10 @@ export default {
     },
     computed: {
         img() {
-            const imgs = ['/native/imgs/kong_png_shenghezhong.png', '/native/imgs/kong_png_shengheshibai.png'];
+            const imgs = [
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_shenghezhong.png',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_shengheshibai.png'
+            ];
             return imgs[0];
         },
         title() {

src/pages/wallet.vue

@@ -40,7 +40,11 @@
         </van-sticky>
 
         <div class="list">
-            <van-empty v-if="empty" image="/native/imgs/kong_png_wodeguanzhu.png" description="暂无收益记录哦">
+            <van-empty
+                v-if="empty"
+                image="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/wechat/kong_png_wodeguanzhu.png"
+                description="暂无收益记录哦"
+            >
             </van-empty>
 
             <template v-else>
@@ -121,11 +125,6 @@ export default {
 }
 /deep/ .van-dropdown-menu {
     width: 110px;
-    --dropdown-menu-option-active-color: @prim;
-    --dropdown-menu-title-active-text-color: @prim;
-    --dropdown-menu-height: 32px;
-    --dropdown-menu-title-padding: 0 10px;
-    --dropdown-menu-title-font-size: 13px;
     border-radius: 4px;
     overflow: hidden;
 

src/styles/vanIndex.less

@@ -43,3 +43,11 @@
 .van-picker__confirm {
     --picker-confirm-action-color: @prim;
 }
+
+.van-dropdown-menu {
+    --dropdown-menu-option-active-color: @prim;
+    --dropdown-menu-title-active-text-color: @prim;
+    --dropdown-menu-height: 32px;
+    --dropdown-menu-title-padding: 0 10px;
+    --dropdown-menu-title-font-size: 13px;
+}