第一版提交

api/request/config.js

@@ -1,4 +1,7 @@
 //  定义请求根路径 以及请求超时时间
-export const BASE_URL = "https://test.zhult.com/laoa-huozhu/api/hz/business-card/third";
+// 测试
+// export const BASE_URL = "https://test.zhult.com/laoa-huozhu/api/hz/business-card/third";
+//  生产
+export const BASE_URL = "https://www.zhult.com/laoa-huozhu/api/hz/business-card/third";
 // export const BASE_URL = "http://127.0.0.1:7001";
 export const TIMEOUT = 10000

api/request/index.js

@@ -30,6 +30,19 @@ http.interceptors.response.use(
 	// 响应成功拦截
 	(response)=>{
 		const { data } = response;
+		if(data.data == "token已过期"){
+			uni.showToast({
+				title: "账号已过期，请重新登陆",
+				icon:"none",
+				duration: 1200
+			});
+		}else if(data.statusCode == 50000){
+			uni.showToast({
+				title: "网络异常！！！！",
+				icon:"none",
+				duration: 1200
+			});
+		}
 		return data;
 	},
 	//  响应失败拦截

pages.json

@@ -49,6 +49,13 @@
             "navigationBarTitleText": "我的名片",
 			      "navigationStyle": "custom"
           }
+        },
+        {
+          "path": "previewTwoCard/index",
+          "style": {
+            "navigationBarTitleText": "预览名片",
+			      "navigationStyle": "custom"
+          }
         }
       ]
     }

pages/index/index.vue

@@ -97,7 +97,12 @@ export default {
   methods: {
     //  获取当前用户所有名片
     async getCardList() {
-      let { data } = await getCardListApi();
+      let { data,statusCode } = await getCardListApi();
+      if(statusCode == 50000){
+        this.modal = true;
+        this.cardList = []
+        return
+      }
       this.cardList = data;
     },
     //  打开侧边弹框
@@ -147,6 +152,7 @@ export default {
       wx.login({
         success: async (res) => {
           let codeRes = await wxLoginApi({ code: res.code });
+          if(codeRes.statusCode !== 20000) return
           //  获取名片列表
           this.getCardList();
           //  存储 token 到本地

pages_module/establish/index.vue

@@ -178,7 +178,7 @@ export default {
       this.$cache.setCache("cardInfo", this.cardInfo);
       //  跳转预览页面
       uni.navigateTo({
-        url: "/pages_module/previewCard/index",
+        url: "/pages_module/previewTwoCard/index",
       });
     },
     changeIdx(idx) {
@@ -200,7 +200,9 @@ export default {
       //  加载状态
       this.$loading.show("上传中...");
       uni.uploadFile({
-        url: `https://test.zhult.com/laoa-huozhu/api/hz/business-card/third/upload`, //仅为示例，非真实的接口地址
+        //  测试
+        // url: `https://test.zhult.com/laoa-huozhu/api/hz/business-card/third/upload`, //仅为示例，非真实的接口地址
+        url: `https://www.zhult.com/laoa-huozhu/api/hz/business-card/third/upload`, //仅为示例，非真实的接口地址
         filePath: file,
         header: {
           "Content-Type": "application/json; charset=UTF-8",

pages_module/previewCard/index.vue

@@ -113,6 +113,12 @@ export default {
       });
     },
   },
+  onShareAppMessage(){
+    return {
+      title:"团蜂小名片",
+			path: `/pages_module/previewCard/index?id=${this.cardInfo.id}`
+		}
+  },
   //  页面卸载
   onUnload() {
     //  删除本地存储

pages_module/previewTwoCard/index.scss

@@ -0,0 +1,144 @@
+.previewCard {
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f1f1f1;
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f1f1f1;
+  .detail-top {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 999;
+    @include flex(flex-start, null);
+    position: relative;
+    .back-box{
+      width: 100rpx;
+      position: relative;
+      z-index: 2;
+    }
+    .top-text {
+      width: 100%;
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      left: 0;
+      text-align: center;
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #000;
+    }
+  }
+  .seat {
+    width: 100%;
+    height: 16rpx;
+  }
+  .box-bg {
+    width: 100%;
+    height: 393rpx;
+    // background: linear-gradient(233deg, #8CCBFF 24%, #CDE9FF 71%);
+    // background: ;
+    background-image: linear-gradient(
+      to bottom,
+      #8ccbff 0%,
+      #cde9ff 71%,
+      #f1f1f1 100%
+    );
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+  .card-box {
+    padding-top: 52rpx;
+    box-sizing: border-box;
+    @include flex(center, column, null);
+    position: relative;
+    .card-bg {
+      position: absolute;
+      top: 16rpx;
+      left: 50%;
+      transform: translateX(-50%);
+      image {
+        width: 705rpx;
+      }
+    }
+    .seat-list {
+      height: 120rpx;
+      width: 690rpx;
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      bottom: -112rpx;
+      border-radius: 0 0 16rpx 16rpx;
+      background-color: #ffffff;
+      @include flex(center, null, null);
+      .seat-item {
+        flex: 1;
+        color: #2566ee;
+        font-size: 26rpx;
+        @include flex(center, null, 8rpx);
+        image {
+          width: 32rpx;
+          height: 32rpx;
+        }
+      }
+    }
+  }
+  .brief {
+    width: 100%;
+    margin-top: 136rpx;
+    padding: 0 30rpx;
+    box-sizing: border-box;
+    .brief-item {
+      padding: 24rpx 32rpx 32rpx 32rpx;
+      box-sizing: border-box;
+      border-radius: 16rpx;
+      background-color: #ffffff;
+      margin-top: 24rpx;
+      .item-title {
+        width: 100%;
+        border-bottom: 1rpx solid #d8e0f1;
+        font-size: 28rpx;
+        color: rgba(0, 0, 0, 0.9);
+        padding-bottom: 24rpx;
+      }
+      .item-container {
+        padding-top: 24rpx;
+        font-size: 24rpx;
+        color: #606e84;
+        line-height: 36rpx;
+      }
+    }
+  }
+  .footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    z-index: 2;
+    width: 100vw;
+    margin-top: 24rpx;
+    padding-bottom: constant(safe-area-inset-bottom); //兼容 IOS<11.2
+    padding-bottom: env(safe-area-inset-bottom); //兼容 IOS>11.2
+    background-color: #ffffff;
+    .btn-list {
+      width: 100%;
+      height: 112rpx;
+      padding: 0 30rpx;
+      box-sizing: border-box;
+      @include flex(space-between, null, null);
+      button {
+        width: 690rpx;
+        height: 88rpx;
+        border-radius: 16rpx;
+        font-size: 28rpx;
+        text-align: center;
+        line-height: 88rpx;
+        &:nth-of-type(1) {
+          color: #1472ff;
+          border: 2rpx solid #1472ff;
+          box-sizing: border-box;
+        }
+      }
+    }
+  }
+}

pages_module/previewTwoCard/index.vue

@@ -0,0 +1,126 @@
+<template>
+  <view class="previewCard">
+    <capsule :showBorder="true" bgColor="transparent">
+      <template v-slot:top>
+        <view class="detail-top">
+          <view class="back-box" @click="goBack">
+            <tui-icon name="arrowleft" color="#000" :size="28"></tui-icon>
+          </view>
+          <view class="top-text">预览名片</view>
+        </view>
+      </template>
+    </capsule>
+    <view class="seat"></view>
+    <view class="box-bg"></view>
+    <view class="card-box">
+      <cardCom :cardData="cardInfo" :imgSerial="cardInfo.style"></cardCom>
+      <view class="seat-list">
+        <view class="seat-item" @click="callMobile">
+          <image class="" src="@/static/images/preview_icon1.png" />
+          <text>电话</text>
+        </view>
+        <view class="seat-item" @click="copyText('wechat')">
+          <image class="" src="@/static/images/preview_icon2.png" />
+          <text>微信</text>
+        </view>
+        <view class="seat-item" @click="copyText('address')">
+          <image class="" src="@/static/images/preview_icon3.png" />
+          <text>地址</text>
+        </view>
+      </view>
+      <view class="card-bg">
+        <image class="" src="@/static/images/card-bg.png" />
+      </view>
+    </view>
+    <view class="brief">
+      <view class="brief-item">
+        <view class="item-title">个人简介</view>
+        <view class="item-container">{{
+          cardInfo.personalIntroduction || "--"
+        }}</view>
+      </view>
+      <view class="brief-item">
+        <view class="item-title">公司简介</view>
+        <view class="item-container">{{ cardInfo.companyIntroduction }}</view>
+      </view>
+    </view>
+    <view class="footer">
+      <view class="btn-list" v-if="id == ''">
+        <button @click="goBack">返回</button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import cardCom from "@/components/cardCom/index.vue";
+import { getCardDetailApi } from "@/api/index.js";
+export default {
+  components: {
+    cardCom,
+  },
+  onLoad(option) {
+    if (!option.id) {
+      // 拿到本地存储的数据
+      this.cardInfo = this.$cache.getCache("cardInfo");
+    } else {
+      this.id = option.id;
+      //  请求名片数据
+      this.getCardDetail();
+    }
+  },
+  data() {
+    return {
+      id: "",
+      cardInfo: {},
+    };
+  },
+  methods: {
+    //  根据 id 获取详情
+    async getCardDetail() {
+      let { data } = await getCardDetailApi({ id: this.id });
+      this.cardInfo = data;
+    },
+    //  打电话
+    callMobile() {
+      uni.makePhoneCall({
+        phoneNumber: this.cardInfo.mobile,
+      });
+    },
+    //  复制内容
+    copyText(txt) {
+      console.log("进来了1111");
+      uni.setClipboardData({
+        data: this.cardInfo[txt] || '',
+        success: () => {
+          this.$showToast("复制成功");
+        },
+        fail:(err)=>{
+          console.log(err);
+        }
+      });
+    },
+    goBack() {
+      uni.navigateBack({
+        delta: 1,
+        fail: () => {
+          if (this.id != "") {
+            uni.reLaunch({
+              url: "/pages/index/index",
+            });
+          }
+        },
+      });
+    },
+  },
+  //  页面卸载
+  onUnload() {
+    //  删除本地存储
+    this.$cache.removeCache("cardInfo");
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>

unpackage/dist/dev/mp-weixin/app.json

@@ -8,7 +8,8 @@
       "pages": [
         "establish/index",
         "previewCard/index",
-        "myCard/index"
+        "myCard/index",
+        "previewTwoCard/index"
       ],
       "name": "pages_module"
     }

unpackage/dist/dev/mp-weixin/components/cardCom/index.js

@@ -1,10 +1,10 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/cardCom/index"],{118:function(n,e,t){"use strict";t.r(e);var r=t(119),u=t(121);for(var i in u)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return u[n]}))}(i);t(126);var c,o=t(32),a=Object(o["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"40e6932e",null,!1,r["components"],c);a.options.__file="components/cardCom/index.vue",e["default"]=a.exports},119:function(n,e,t){"use strict";t.r(e);var r=t(120);t.d(e,"render",(function(){return r["render"]})),t.d(e,"staticRenderFns",(function(){return r["staticRenderFns"]})),t.d(e,"recyclableRender",(function(){return r["recyclableRender"]})),t.d(e,"components",(function(){return r["components"]}))},120:function(n,e,t){"use strict";var r;t.r(e),t.d(e,"render",(function(){return u})),t.d(e,"staticRenderFns",(function(){return c})),t.d(e,"recyclableRender",(function(){return i})),t.d(e,"components",(function(){return r}));var u=function(){var n=this,e=n.$createElement;n._self._c},i=!1,c=[];u._withStripped=!0},121:function(n,e,t){"use strict";t.r(e);var r=t(122),u=t.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return r[n]}))}(i);e["default"]=u.a},122:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r={props:{imgSerial:{typeof:Number,default:0},isEdit:{typeof:Boolean,default:!1},cardData:{typeof:Object,default:{}}},data:function(){return{bgList:[t(123),t(124),t(125)]}},methods:{changeImg:function(){this.isEdit&&this.$emit("changeImg")}}};e.default=r},126:function(n,e,t){"use strict";t.r(e);var r=t(127),u=t.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return r[n]}))}(i);e["default"]=u.a},127:function(n,e,t){}}]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/cardCom/index"],{126:function(n,e,t){"use strict";t.r(e);var r=t(127),u=t(129);for(var i in u)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return u[n]}))}(i);t(134);var c,o=t(32),a=Object(o["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"40e6932e",null,!1,r["components"],c);a.options.__file="components/cardCom/index.vue",e["default"]=a.exports},127:function(n,e,t){"use strict";t.r(e);var r=t(128);t.d(e,"render",(function(){return r["render"]})),t.d(e,"staticRenderFns",(function(){return r["staticRenderFns"]})),t.d(e,"recyclableRender",(function(){return r["recyclableRender"]})),t.d(e,"components",(function(){return r["components"]}))},128:function(n,e,t){"use strict";var r;t.r(e),t.d(e,"render",(function(){return u})),t.d(e,"staticRenderFns",(function(){return c})),t.d(e,"recyclableRender",(function(){return i})),t.d(e,"components",(function(){return r}));var u=function(){var n=this,e=n.$createElement;n._self._c},i=!1,c=[];u._withStripped=!0},129:function(n,e,t){"use strict";t.r(e);var r=t(130),u=t.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return r[n]}))}(i);e["default"]=u.a},130:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r={props:{imgSerial:{typeof:Number,default:0},isEdit:{typeof:Boolean,default:!1},cardData:{typeof:Object,default:{}}},data:function(){return{bgList:[t(131),t(132),t(133)]}},methods:{changeImg:function(){this.isEdit&&this.$emit("changeImg")}}};e.default=r},134:function(n,e,t){"use strict";t.r(e);var r=t(135),u=t.n(r);for(var i in r)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return r[n]}))}(i);e["default"]=u.a},135:function(n,e,t){}}]);
 //# sourceMappingURL=../../../.sourcemap/mp-weixin/components/cardCom/index.js.map
 ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
     'components/cardCom/index-create-component',
     {
         'components/cardCom/index-create-component':(function(module, exports, __webpack_require__){
-            __webpack_require__('2')['createComponent'](__webpack_require__(118))
+            __webpack_require__('2')['createComponent'](__webpack_require__(126))
         })
     },
     [['components/cardCom/index-create-component']]

unpackage/dist/dev/mp-weixin/components/thorui/tui-drawer/tui-drawer.js

@@ -1,10 +1,10 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-drawer/tui-drawer"],{104:function(e,n,t){"use strict";t.r(n);var r=t(105),u=t(107);for(var o in u)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return u[e]}))}(o);t(109);var i,a=t(32),c=Object(a["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"120ca7f4",null,!1,r["components"],i);c.options.__file="components/thorui/tui-drawer/tui-drawer.vue",n["default"]=c.exports},105:function(e,n,t){"use strict";t.r(n);var r=t(106);t.d(n,"render",(function(){return r["render"]})),t.d(n,"staticRenderFns",(function(){return r["staticRenderFns"]})),t.d(n,"recyclableRender",(function(){return r["recyclableRender"]})),t.d(n,"components",(function(){return r["components"]}))},106:function(e,n,t){"use strict";var r;t.r(n),t.d(n,"render",(function(){return u})),t.d(n,"staticRenderFns",(function(){return i})),t.d(n,"recyclableRender",(function(){return o})),t.d(n,"components",(function(){return r}));var u=function(){var e=this,n=e.$createElement;e._self._c},o=!1,i=[];u._withStripped=!0},107:function(e,n,t){"use strict";t.r(n);var r=t(108),u=t.n(r);for(var o in r)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return r[e]}))}(o);n["default"]=u.a},108:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r={name:"tuiDrawer",emits:["close"],props:{visible:{type:Boolean,default:!1},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},mode:{type:String,default:"right"},zIndex:{type:[Number,String],default:990},maskZIndex:{type:[Number,String],default:980},backgroundColor:{type:String,default:"#fff"}},methods:{handleMaskClick:function(){this.maskClosable&&this.$emit("close",{})}}};n.default=r},109:function(e,n,t){"use strict";t.r(n);var r=t(110),u=t.n(r);for(var o in r)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return r[e]}))}(o);n["default"]=u.a},110:function(e,n,t){}}]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-drawer/tui-drawer"],{112:function(e,n,t){"use strict";t.r(n);var r=t(113),u=t(115);for(var o in u)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return u[e]}))}(o);t(117);var i,a=t(32),c=Object(a["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"120ca7f4",null,!1,r["components"],i);c.options.__file="components/thorui/tui-drawer/tui-drawer.vue",n["default"]=c.exports},113:function(e,n,t){"use strict";t.r(n);var r=t(114);t.d(n,"render",(function(){return r["render"]})),t.d(n,"staticRenderFns",(function(){return r["staticRenderFns"]})),t.d(n,"recyclableRender",(function(){return r["recyclableRender"]})),t.d(n,"components",(function(){return r["components"]}))},114:function(e,n,t){"use strict";var r;t.r(n),t.d(n,"render",(function(){return u})),t.d(n,"staticRenderFns",(function(){return i})),t.d(n,"recyclableRender",(function(){return o})),t.d(n,"components",(function(){return r}));var u=function(){var e=this,n=e.$createElement;e._self._c},o=!1,i=[];u._withStripped=!0},115:function(e,n,t){"use strict";t.r(n);var r=t(116),u=t.n(r);for(var o in r)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return r[e]}))}(o);n["default"]=u.a},116:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r={name:"tuiDrawer",emits:["close"],props:{visible:{type:Boolean,default:!1},mask:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0},mode:{type:String,default:"right"},zIndex:{type:[Number,String],default:990},maskZIndex:{type:[Number,String],default:980},backgroundColor:{type:String,default:"#fff"}},methods:{handleMaskClick:function(){this.maskClosable&&this.$emit("close",{})}}};n.default=r},117:function(e,n,t){"use strict";t.r(n);var r=t(118),u=t.n(r);for(var o in r)["default"].indexOf(o)<0&&function(e){t.d(n,e,(function(){return r[e]}))}(o);n["default"]=u.a},118:function(e,n,t){}}]);
 //# sourceMappingURL=../../../../.sourcemap/mp-weixin/components/thorui/tui-drawer/tui-drawer.js.map
 ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
     'components/thorui/tui-drawer/tui-drawer-create-component',
     {
         'components/thorui/tui-drawer/tui-drawer-create-component':(function(module, exports, __webpack_require__){
-            __webpack_require__('2')['createComponent'](__webpack_require__(104))
+            __webpack_require__('2')['createComponent'](__webpack_require__(112))
         })
     },
     [['components/thorui/tui-drawer/tui-drawer-create-component']]

unpackage/dist/dev/mp-weixin/components/thorui/tui-icon/tui-icon.js

@@ -1,10 +1,10 @@
-(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-icon/tui-icon"],{158:function(n,t,e){"use strict";e.r(t);var r=e(159),i=e(161);for(var u in i)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return i[n]}))}(u);e(164);var c,o=e(32),d=Object(o["default"])(i["default"],r["render"],r["staticRenderFns"],!1,null,"3225e6c6",null,!1,r["components"],c);d.options.__file="components/thorui/tui-icon/tui-icon.vue",t["default"]=d.exports},159:function(n,t,e){"use strict";e.r(t);var r=e(160);e.d(t,"render",(function(){return r["render"]})),e.d(t,"staticRenderFns",(function(){return r["staticRenderFns"]})),e.d(t,"recyclableRender",(function(){return r["recyclableRender"]})),e.d(t,"components",(function(){return r["components"]}))},160:function(n,t,e){"use strict";var r;e.r(t),e.d(t,"render",(function(){return i})),e.d(t,"staticRenderFns",(function(){return c})),e.d(t,"recyclableRender",(function(){return u})),e.d(t,"components",(function(){return r}));var i=function(){var n=this,t=n.$createElement;n._self._c},u=!1,c=[];i._withStripped=!0},161:function(n,t,e){"use strict";e.r(t);var r=e(162),i=e.n(r);for(var u in r)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(u);t["default"]=i.a},162:function(n,t,e){"use strict";var r=e(4);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(e(163)),u={name:"tuiIcon",emits:["click"],props:{name:{type:String,default:""},size:{type:[Number,String],default:32},unit:{type:String,default:"px"},color:{type:String,default:"#999"},bold:{type:Boolean,default:!1},margin:{type:String,default:"0"},index:{type:Number,default:0}},data:function(){return{icons:i.default}},methods:{handleClick:function(){this.$emit("click",{index:this.index})}}};t.default=u},164:function(n,t,e){"use strict";e.r(t);var r=e(165),i=e.n(r);for(var u in r)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(u);t["default"]=i.a},165:function(n,t,e){}}]);
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-icon/tui-icon"],{166:function(n,t,e){"use strict";e.r(t);var r=e(167),i=e(169);for(var u in i)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return i[n]}))}(u);e(172);var c,o=e(32),d=Object(o["default"])(i["default"],r["render"],r["staticRenderFns"],!1,null,"3225e6c6",null,!1,r["components"],c);d.options.__file="components/thorui/tui-icon/tui-icon.vue",t["default"]=d.exports},167:function(n,t,e){"use strict";e.r(t);var r=e(168);e.d(t,"render",(function(){return r["render"]})),e.d(t,"staticRenderFns",(function(){return r["staticRenderFns"]})),e.d(t,"recyclableRender",(function(){return r["recyclableRender"]})),e.d(t,"components",(function(){return r["components"]}))},168:function(n,t,e){"use strict";var r;e.r(t),e.d(t,"render",(function(){return i})),e.d(t,"staticRenderFns",(function(){return c})),e.d(t,"recyclableRender",(function(){return u})),e.d(t,"components",(function(){return r}));var i=function(){var n=this,t=n.$createElement;n._self._c},u=!1,c=[];i._withStripped=!0},169:function(n,t,e){"use strict";e.r(t);var r=e(170),i=e.n(r);for(var u in r)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(u);t["default"]=i.a},170:function(n,t,e){"use strict";var r=e(4);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(e(171)),u={name:"tuiIcon",emits:["click"],props:{name:{type:String,default:""},size:{type:[Number,String],default:32},unit:{type:String,default:"px"},color:{type:String,default:"#999"},bold:{type:Boolean,default:!1},margin:{type:String,default:"0"},index:{type:Number,default:0}},data:function(){return{icons:i.default}},methods:{handleClick:function(){this.$emit("click",{index:this.index})}}};t.default=u},172:function(n,t,e){"use strict";e.r(t);var r=e(173),i=e.n(r);for(var u in r)["default"].indexOf(u)<0&&function(n){e.d(t,n,(function(){return r[n]}))}(u);t["default"]=i.a},173:function(n,t,e){}}]);
 //# sourceMappingURL=../../../../.sourcemap/mp-weixin/components/thorui/tui-icon/tui-icon.js.map
 ;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
     'components/thorui/tui-icon/tui-icon-create-component',
     {
         'components/thorui/tui-icon/tui-icon-create-component':(function(module, exports, __webpack_require__){
-            __webpack_require__('2')['createComponent'](__webpack_require__(158))
+            __webpack_require__('2')['createComponent'](__webpack_require__(166))
         })
     },
     [['components/thorui/tui-icon/tui-icon-create-component']]

unpackage/dist/dev/mp-weixin/components/thorui/tui-input/tui-input.json

@@ -1,4 +1,4 @@
 {
-  "component": true,
-  "usingComponents": {}
+  "usingComponents": {},
+  "component": true
 }

unpackage/dist/dev/mp-weixin/pages_module/previewTwoCard/index.json

@@ -0,0 +1,9 @@
+{
+  "navigationBarTitleText": "预览名片",
+  "navigationStyle": "custom",
+  "usingComponents": {
+    "capsule": "/components/capsule/capsule",
+    "tui-icon": "/components/thorui/tui-icon/tui-icon",
+    "card-com": "/components/cardCom/index"
+  }
+}

unpackage/dist/dev/mp-weixin/pages_module/previewTwoCard/index.wxss

@@ -0,0 +1,180 @@
+@charset "UTF-8";
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.previewCard.data-v-d8eaf77e {
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f1f1f1;
+  width: 100vw;
+  min-height: 100vh;
+  background-color: #f1f1f1;
+}
+.previewCard .detail-top.data-v-d8eaf77e {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0rpx;
+  position: relative;
+}
+.previewCard .detail-top .back-box.data-v-d8eaf77e {
+  width: 100rpx;
+  position: relative;
+  z-index: 2;
+}
+.previewCard .detail-top .top-text.data-v-d8eaf77e {
+  width: 100%;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  left: 0;
+  text-align: center;
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #000;
+}
+.previewCard .seat.data-v-d8eaf77e {
+  width: 100%;
+  height: 16rpx;
+}
+.previewCard .box-bg.data-v-d8eaf77e {
+  width: 100%;
+  height: 393rpx;
+  background-image: linear-gradient(to bottom, #8ccbff 0%, #cde9ff 71%, #f1f1f1 100%);
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+.previewCard .card-box.data-v-d8eaf77e {
+  padding-top: 52rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: relative;
+}
+.previewCard .card-box .card-bg.data-v-d8eaf77e {
+  position: absolute;
+  top: 16rpx;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+}
+.previewCard .card-box .card-bg image.data-v-d8eaf77e {
+  width: 705rpx;
+}
+.previewCard .card-box .seat-list.data-v-d8eaf77e {
+  height: 120rpx;
+  width: 690rpx;
+  position: absolute;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  bottom: -112rpx;
+  border-radius: 0 0 16rpx 16rpx;
+  background-color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.previewCard .card-box .seat-list .seat-item.data-v-d8eaf77e {
+  flex: 1;
+  color: #2566ee;
+  font-size: 26rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+}
+.previewCard .card-box .seat-list .seat-item image.data-v-d8eaf77e {
+  width: 32rpx;
+  height: 32rpx;
+}
+.previewCard .brief.data-v-d8eaf77e {
+  width: 100%;
+  margin-top: 136rpx;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+.previewCard .brief .brief-item.data-v-d8eaf77e {
+  padding: 24rpx 32rpx 32rpx 32rpx;
+  box-sizing: border-box;
+  border-radius: 16rpx;
+  background-color: #ffffff;
+  margin-top: 24rpx;
+}
+.previewCard .brief .brief-item .item-title.data-v-d8eaf77e {
+  width: 100%;
+  border-bottom: 1rpx solid #d8e0f1;
+  font-size: 28rpx;
+  color: rgba(0, 0, 0, 0.9);
+  padding-bottom: 24rpx;
+}
+.previewCard .brief .brief-item .item-container.data-v-d8eaf77e {
+  padding-top: 24rpx;
+  font-size: 24rpx;
+  color: #606e84;
+  line-height: 36rpx;
+}
+.previewCard .footer.data-v-d8eaf77e {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  z-index: 2;
+  width: 100vw;
+  margin-top: 24rpx;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  background-color: #ffffff;
+}
+.previewCard .footer .btn-list.data-v-d8eaf77e {
+  width: 100%;
+  height: 112rpx;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.previewCard .footer .btn-list button.data-v-d8eaf77e {
+  width: 690rpx;
+  height: 88rpx;
+  border-radius: 16rpx;
+  font-size: 28rpx;
+  text-align: center;
+  line-height: 88rpx;
+}
+.previewCard .footer .btn-list button.data-v-d8eaf77e:nth-of-type(1) {
+  color: #1472ff;
+  border: 2rpx solid #1472ff;
+  box-sizing: border-box;
+}
+