jufubao-base 1.0.237-beta4 → 1.0.237-beta6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.237-beta4",
+  "version": "1.0.237-beta6",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseBalance/JfbBaseBalance.vue

@@ -7,7 +7,7 @@
     <!-- #endif -->
     <view class="jfb-base-balance__body">
       <view class="jfb-base-balance__body-tab">
-        <view v-for="(item,index) in wallet_list" :key="index" @click="handleSwitchTab(item)"
+        <view :style="{color:wallet_type===item.wallet_type?mainColor:'#333333'}" v-for="(item,index) in wallet_list" :key="index" @click="handleSwitchTab(item)"
           class="jfb-base-balance__body-tab-item">
           {{item.show_name}}
           <view v-if="wallet_type===item.wallet_type" class="check" :style="{background: mainColor
@@ -219,6 +219,9 @@
       },
       onJfbShow(options) {
         console.log('event.onJfbShow', options)
+        this.method = options.method
+        this.getContent()
+        this.getDetail()
       },
       onJfbHide(options) {
         console.log('event.onJfbHide', options)

package/src/components/JfbBaseCodeOpenVip/JfbBaseCodeOpenVip.vue

@@ -26,7 +26,7 @@
             <xd-content-xss :html="description"></xd-content-xss>
           </view>
         </view>
-        <view class="fixed_bottom" :style="[fixed_bottom]">
+        <view class="fixed_bottom" :style="fixed_bottom">
           <xd-button type="primary" width="600rpx" @click="searchCode">查询</xd-button>
           <view class="plus_privacy">开通视为同意 <text @click.stop="handlePrivacy('privacy_service')"></text>《共享PLUS会员用户协议》</view>
         </view>
@@ -38,7 +38,7 @@
           <xd-list-item label="套餐期限" paddingLR="40rpx">{{ vipInfo.life_cycle_label }}</xd-list-item>
           <xd-list-item label="套餐金额" paddingLR="40rpx">¥{{ $xdUniHelper.divisionFloatNumber(vipInfo.sale_price, 100) }}</xd-list-item>
         </view>
-        <view class="fixed_bottom" :style="[fixed_bottom]">
+        <view class="fixed_bottom" :style="fixed_bottom">
           <xd-button type="primary" width="600rpx" @click="p_createVipOrder">立即兑换</xd-button>
           <view class="plus_privacy">开通视为同意 <text @click.stop="handlePrivacy('privacy_service')"></text>《共享PLUS会员用户协议》</view>
         </view>
@@ -90,7 +90,7 @@
         }
       },
       fixed_bottom() {
-        return this.fixedStyle({paddingBottom: 36, zIndex: 111})
+        return this.fixedStyle({ height: 36, zIndex: 111})
       },
     },
     watch: {

package/src/components/JfbBaseConsumpCode/JfbBaseConsumpCode.vue

@@ -79,7 +79,7 @@
 
       </view>
     </view>
-    <XdDialog :show.sync="showDialog" :showClose="false" :showTitle="false">
+    <XdDialog :show.sync="showDialog" :showClose="false" :showTitle="true">
       <view class="dialog-title" slot="title">门店确认</view>
       <view class="dialog-content">
         <view>当前门店：<span :style="{color:mainColor}">{{shopName}}</span></view>
@@ -192,6 +192,8 @@
       }
     },
     created() {
+      console.log(this.siteInfo,'configProject');
+      
       this.init(this.container);
     },
     methods: {
@@ -725,11 +727,12 @@
   .jfb-base-consump-code {
     &__body {
       .content-box {
-        margin: 158rpx 30rpx 0 30rpx;
+        margin: 0 30rpx 0 30rpx;
         background-color: #fff;
         padding: 81rpx 32rpx 32rpx 32rpx;
         border-radius: 24rpx;
         position: relative;
+        top: 158rpx;
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -886,16 +889,19 @@
         &-item {
           display: flex;
           margin-top: 60rpx;
+          align-items: baseline;
 
           &-label {
             color: #999999;
             font-size: 30rpx;
             margin-right: 64rpx;
+            flex-shrink: 0;
           }
 
           &-tags {
             display: flex;
             align-items: flex-start;
+            flex-wrap: wrap;
 
             &>view {
               margin-right: 32rpx;
@@ -904,6 +910,11 @@
               padding: 16rpx 24rpx;
               border: 2rpx solid #EEEEEE;
               color: #CCCCCC;
+              margin-bottom: 18rpx;
+            }
+
+            &>view:last-child {
+              margin-bottom: 0;
             }
 
           }

package/src/components/JfbBaseFastLink/Attr.js

@@ -24,7 +24,8 @@ export default {
         multiple: false,
         className: 'input80',
         list: [
-          {label: '平铺', value: 'noraml'},
+          {label: '垂直', value: 'noraml'},
+          {label: '水平', value: 'horizontal'},
           {label: '悬浮', value: 'fixed'},
         ],
         inline: false,
@@ -53,6 +54,16 @@ export default {
         placeholder: '请输入自定义名称',
         className: 'input80',
       },
+      {
+        label: '自定义服务名称:',
+        ele: 'el-input',
+        type: 'text',
+        groupKey:'content',
+        valueKey: 'customName',
+        value: data['customName']? data['customName']: '我的服务',
+        placeholder: '请输入自定义服务名称',
+        className: 'input80',
+      },
       {
         label: '背景颜色:',
         ele: 'xd-color',

package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue

@@ -56,6 +56,22 @@
           :layoutInfo="layoutInfo"
         ></xd-fast-nav>
       </template>
+      <template v-if="is_layout === 'horizontal'">
+        <view :style="[horizontalStyle]">
+          <view class="x-line"></view>
+          <view class="fast-link__horizontal-title">{{customName}}</view>
+          <view class="fast-link__horizontal" v-if="list.length > 0">
+            <view :style="[horizontalItemStyle]" class="fast-link__horizontal-item" v-for="item in list" :key="item.key"  @click="handleClick(item)">
+              <view class="fast-link__horizontal-item-icon" v-if="item.icon">
+                <xd-font-icon :color="iconColor" :size="item.size" :icon="item.icon"></xd-font-icon>
+              </view>
+              <view class="fast-link__horizontal-item-text" :style="{color: color, fontSize: fontSize + 'rpx'}">
+                <view>{{item.name}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </template>
     </view>
   </view>
 </template>
@@ -107,6 +123,8 @@
         margin: {},
         padding:{},
         rowSpacing: 20, //间距
+
+        customName: '我的服务'
       }
     },
     watch: {
@@ -117,6 +135,22 @@
     },
 
     computed: {
+      horizontalStyle(){
+        let border = 0;
+        if (this.is_border === 'Y') border = `${this.is_border_w}rpx solid ${this.is_border_c}`;
+        return {
+          margin: this.getMarginAndPadding(this.margin, 20),
+          padding:this.getMarginAndPadding(this.padding, 20),
+          border,
+          background: this.backgroundColor,
+          borderRadius: this.radius + 'rpx',
+        }
+      },
+      horizontalItemStyle(){
+        return {
+          marginBottom: this.rowSpacing + 'rpx',
+        }
+      },
       bodyStyle(){
         let margin = `${this.checkValue(this.margin.top, 20)}rpx`;
         margin = `${margin} ${this.checkValue(this.margin.right, 20)}rpx`;
@@ -199,6 +233,7 @@
         this.subColor = getContainerPropsValue(container, 'content.textSubColor', '#000');
         this.fontSubSize = getContainerPropsValue(container, 'content.fontSubSize', 24);
         this.isNotExpand = getContainerPropsValue(container, 'content.isNotExpand', 'Y');
+        this.customName = getContainerPropsValue(container, 'content.customName', '我的服务');
         if(this.is_layout === 'fixed') {
           this.listNave = this.list.map(item=>{
             let {appValue,path} = item.path
@@ -228,6 +263,14 @@
             return index < 3
           });
 
+        } else if(this.is_layout === 'horizontal'){
+          const remainder = this.list.length % 4;
+          if (remainder !== 0) {
+            const needed = 4 - remainder;
+            for (let i = 0; i < needed; i++) {
+              this.list.push({}); // 或者你可以插入其他默认值
+            }
+          }
         }
       },
     }
@@ -285,6 +328,29 @@
         align-items: center;
       }
     }
+    &__horizontal {
+      display: flex;
+      justify-content: space-around;
+      flex-wrap: wrap;
+      &-title {
+        color: #000000;
+        font-size: 26rpx;
+        font-weight: 500;
+        margin-bottom: 43rpx;
+        padding-left: 36rpx;
+      }
+      &-item {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        box-sizing: border-box;
+        width: 25%;
+        &-icon {
+          margin-bottom: 22rpx;
+        }
+      }
+    }
   }
 
 </style>

package/src/components/JfbBaseHeaderColumn/Attr.js

@@ -312,6 +312,28 @@ export default {
         groupKey:'style',
         hidden: true,
       },
+      {
+        label: "是否展示二维码",
+        ele: "xd-radio",
+        valueKey: "showQrcode",
+        value: data.showQrcode || "N",
+        list: [
+          {label: "不显示", value: "N"},
+          {label: "显示", value: "Y"}
+        ],
+        groupKey:'content',
+      },
+      {
+        label: "是否展示扫一扫",
+        ele: "xd-radio",
+        valueKey: "showScan",
+        value: data.showScan || "N",
+        list: [
+          {label: "不显示", value: "N"},
+          {label: "显示", value: "Y"}
+        ],
+        groupKey:'content',
+      },
       {
         label: "是否展示快捷入口",
         ele: "xd-radio",
@@ -368,6 +390,33 @@ export default {
         placeholder: '请选择快捷入口背景颜色',
         classNmae: 'input80',
       },
+      data.showQrcode === 'Y' && {
+        ele: 'title',
+        label: '二维码样式设置',
+        size: 'small',
+        groupKey:'style',
+      },
+      data.showQrcode === 'Y' && {
+        label: "二维码大小:",
+        ele: "el-input",
+        valueKey: "qrcodeSize",
+        value: data.qrcodeSize || 32,
+        type: "number",
+        groupKey: "style",
+      },
+      data.showScan === 'Y' && {
+        ele: "title",
+        label: "扫一扫样式设置",
+        size: "small",
+        groupKey: "style",
+      },
+      data.showScan === 'Y' && {
+        label: "扫一扫图标颜色:",
+        ele: 'xd-color',
+        valueKey: "scanIconColor",
+        value: data.scanIconColor || '',
+        groupKey:'style',
+      },
       {
         label: '是否有边框:',
         ele: 'xd-radio',
@@ -441,6 +490,32 @@ export default {
         notice:'<div><span style="color:red">客服类型</span>不需要配置</div>',
         inline: false,
       },
+      {
+        label: '二维码跳转链接:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'qrcodePath',
+        groupKey:'advanced',
+        placeholder: '选择二维码跳转链接',
+        value: data['qrcodePath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+        hidden: data.showQrcode === 'N'
+      },
+      {
+        label: "扫一扫跳转链接:",
+        ele: 'xd-select-pages-path',
+        valueKey: "scanPath",
+        groupKey:'advanced',
+        placeholder: '选择扫一扫跳转链接',
+        value: data['scanPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+        hidden: data.showScan === 'N'
+      },
       {
         label: '',
         ele: 'slot',

package/src/components/JfbBaseHeaderColumn/JfbBaseHeaderColumn.vue

@@ -66,6 +66,9 @@
                 :key="showLocationKey"
               ></xd-city-show-api>
             </view>
+            <view v-if="showScan==='Y'" class="scan_in" @click="handleScanClick">
+              <xd-font-icon :size="32" :color="scanIconColor" icon="iconsaoma1"></xd-font-icon>
+            </view>
             <xd-font-icon v-if="searchIconPosition==='left'" :icon="icon" :color="iconColor" size="32"/>
             <input
               v-if="useSearch==='Y'"
@@ -84,6 +87,9 @@
               @click.stop="doSearch"
             >{{searchBtnText || '搜索'}}</view>
           </view>
+          <view v-if="showQrcode==='Y'" class="qr_code" @click="handleQrCodeClick">
+            <xd-font-icon :size="qrcodeSize" icon="iconerweima"></xd-font-icon>
+          </view>
           <view v-if="showSearchBtn==='Y' && searchBtnPosition==='out'"
             class="search_btn_out"
             :style="[searchBtnStyle]"
@@ -212,6 +218,12 @@
         searchBoxRadius: 30,
         bottomBorder: "",
         inputBorder: "",
+        showQrcode: "",
+        qrcodeSize: 32,
+        qrcodePath: "",
+        showScan: "",
+        scanIconColor: "",
+        scanPath: "",
       }
     },
     watch: {
@@ -243,8 +255,10 @@
         this.useSearch = getContainerPropsValue(container, "content.useSearch", "Y");
         this.searchPagePath = getContainerPropsValue(container, "content.searchPagePath", {value:""}).value;
         this.choseCityPath = getContainerPropsValue(container, "content.choseCityPath", {value:""}).value;
-
-
+        this.showQrcode = getContainerPropsValue(container, "content.showQrcode", "");
+        this.qrcodeSize = getContainerPropsValue(container, "content.qrcodeSize", 32);
+        this.showScan = getContainerPropsValue(container, "content.showScan", "");
+        this.scanIconColor = getContainerPropsValue(container, "content.scanIconColor", "#333");
         //基础
         this.backgroundColor = getContainerPropsValue(container, "content.backgroundColor", '#fff');
         this.icon = getContainerPropsValue(container, "content.icon", 'iconsousuo_mian');
@@ -282,6 +296,8 @@
         this.showQuickEntry = getContainerPropsValue(container, 'content.showQuickEntry', "N");
         this.quickEntryType = getContainerPropsValue(container, 'content.quickEntryType', "");
         this.quickEntryPath = getContainerPropsValue(container, 'content.quickEntryPath', {value:""}).value;
+        this.qrcodePath = getContainerPropsValue(container, 'content.qrcodePath', {value:""}).value;
+        this.scanPath = getContainerPropsValue(container, 'content.scanPath', {value:""}).value;
 
         let name , logo, platform_logo;
         if (this.projectAttr['site_name']) name = this.projectAttr['site_name'];
@@ -320,6 +336,16 @@
           })
         }
       },
+      handleQrCodeClick(){
+        this.$xdUniHelper.navigateTo({
+          url: this.qrcodePath
+        })
+      },
+      handleScanClick(){
+        this.$xdUniHelper.navigateTo({
+          url: this.scanPath
+        })
+      },
 
       /***
        * @description 定位完成事件
@@ -477,6 +503,20 @@
               padding: 0;
             }
           }
+          .scan_in{
+            position: relative;
+            padding-right: 28rpx;
+            margin-right: 20rpx;
+            &::before{
+              content: " ";
+              position: absolute;
+              width: 2rpx;
+              height: 100%;
+              background-color: #CCCCCC;
+              right: -0rpx;
+              top: 0rpx;
+            }
+          }
           .search_input{
             flex: 1;
             text-align: left;
@@ -510,6 +550,10 @@
           align-items: center;
           justify-content: center;
         }
+
+        .qr_code{
+          margin-left: 16rpx;
+        }
       }
     }
   }

package/src/components/JfbBaseNoticeDialog/JfbBaseNoticeDialog.vue

@@ -139,7 +139,7 @@ export default {
             this.contentList = res.list
             this.currentImage = getServiceUrl(
               this.contentList[0].image_url,
-              "size3"
+              "size8"
             );
             this.currentLinkUrl = this.getLinkUrl(
               this.contentList[0].redirect_data
@@ -216,7 +216,7 @@ export default {
       );
       this.currentImage = getServiceUrl(
         this.contentList[this.currentIndex].image_url,
-        "size3"
+        "size8"
       );
     },
     handleToLink() {

package/src/components/JfbBaseOpenVip/Attr.js

@@ -7,6 +7,17 @@ export default {
   style: [],
   content: (data) => {
     return [
+      {
+        label: "是否展示兑换码",
+        ele: "xd-radio",
+        valueKey: 'showExchangeCode',
+        value: data.showExchangeCode || "Y",
+        groupKey: "content",
+        list: [
+          {label: "展示", value: "Y"},
+          {label: "不展示", value: "N"},
+        ]
+      },
       {
         label: '共享PLUS会员用户协议:',
         ele: 'xd-site-news',
@@ -251,6 +262,9 @@ export default {
         action: 'action',
         sort: true,
         maxlen: 100,
+        rules: [
+          {required: true, message: '请添加背景图', trigger: 'change'},
+        ],
       },
       {
         label: '4大特权图片:',
@@ -271,6 +285,9 @@ export default {
         action: 'action',
         sort: true,
         maxlen: 100,
+        rules: [
+          {required: true, message: '请添加特权图片', trigger: 'change'},
+        ],
       },
       {
         label: '会员详情路径:',
@@ -284,6 +301,30 @@ export default {
         },
         inline: false,
       },
+      {
+        label: '兑换码详情路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'exchangeCodePath',
+        groupKey:'advanced',
+        placeholder: '请选择兑换码详情路径',
+        value: data['exchangeCodePath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
+      {
+        label: '省钱明细页面路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'moneyDetailPath',
+        groupKey:'advanced',
+        placeholder: '请选择省钱明细页面路径',
+        value: data['moneyDetailPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree'),
+        },
+        inline: false,
+      },
     ].filter(i=>i)
   },
   advanced: [],

package/src/components/JfbBaseOpenVip/JfbBaseOpenVip.vue

@@ -26,7 +26,7 @@
             <view v-else class="vip_level">普通用户</view>
           </view>
           <view class="u_sub">
-            <view v-if="isVip" style="color:#999999;">已省{{ $xdUniHelper.divisionFloatNumber(save_amount, 100) }}</view>
+            <view v-if="isVip" style="color:#999999;" @click="handleToDetail">已省{{ $xdUniHelper.divisionFloatNumber(save_amount, 100) }}</view>
             <view v-else style="color:#333333;">{{ uInfo.phone_number }}</view>
           </view>
         </view>
@@ -75,14 +75,14 @@
         </view> -->
       </view>
       
-      <xd-vip-list v-if="!isVip" :list="vipCardList"
+      <xd-vip-list v-if="!isVip" :list="showVipCardList"
         @handlePrivacy="handlePrivacy"
         @toVipDetail="toVipDetail"
       ></xd-vip-list>
 
       <xd-down-drawer :show.sync="showDrawer" height="480rpx">
         <view class="drawer_title">立即续费</view>
-        <xd-vip-list :list="vipCardList"
+        <xd-vip-list :list="showVipCardList"
           @handlePrivacy="handlePrivacy"
           @toVipDetail="toVipDetail"
         ></xd-vip-list>
@@ -126,10 +126,18 @@
         vip_expire_time: "",
 
         siteLogo: "",
+        exchangeCodeVip: {
+          product_name: "兑换码",
+          sale_price: 0,
+          vip_card_id: -1
+        },
         //todo
         vipDetailPath: "",
         bannerBgImg: "",
         specialImage: "",
+        showExchangeCode: "",
+        exchangeCodePath: "",
+        moneyDetailPath: "",
       }
     },
     computed: {
@@ -141,6 +149,9 @@
       },
       isVip(){
         return this.uInfo.user_level === 'VIP';
+      },
+      showVipCardList(){
+        return this.showExchangeCode === 'Y' ? [this.exchangeCodeVip, ...this.vipCardList] : [...this.vipCardList]
       }
     },
     watch: {
@@ -168,6 +179,9 @@
         this.vipDetailPath = getContainerPropsValue(container, 'content.vipDetailPath', {value: "/system/system/vipdetail"}).value;
         this.bannerBgImg = getServiceUrl(getContainerPropsValue(container, 'content.bannerBgImg', {url: ""}).url);
         this.specialImage = getServiceUrl(getContainerPropsValue(container, 'content.specialImage', {url: ""}).url);
+        this.exchangeCodePath = getContainerPropsValue(container, 'content.exchangeCodePath', {value: ""}).value;
+        this.showExchangeCode = getContainerPropsValue(container, 'content.showExchangeCode', '');
+        this.moneyDetailPath = getContainerPropsValue(container, 'content.moneyDetailPath', {value: ""}).value;
       },
       p_getBaseUserInfo(){
         jfbRootExec("getOpenBaseUserInfo", {
@@ -194,6 +208,11 @@
           this.vipCardList = res.list;
         })
       },
+      handleToDetail(){
+        this.$xdUniHelper.navigateTo({
+          url: this.moneyDetailPath
+        })
+      },
       handlePrivacy(code){
         let params = `page_id=${this.pageAttr["page_id"]}`;
         params = `${params}&container_id=${this.containerId}${code}`;
@@ -202,6 +221,12 @@
         })
       },
       toVipDetail(vip_card_id){
+        if(vip_card_id === -1){
+          this.$xdUniHelper.navigateTo({
+            url: this.exchangeCodePath
+          })
+          return;
+        }
         this.$xdUniHelper.navigateTo({
           url: `${this.vipDetailPath}?vip_card_id=${vip_card_id}`
         })
@@ -213,7 +238,8 @@
         console.log('event.onJfbReachBottom', options)
       },
       onJfbShow(options) {
-        console.log('event.onJfbShow', options)
+        // console.log('event.onJfbShow', options)
+        this.onJfbLoad(options)
       },
       onJfbHide(options) {
         console.log('event.onJfbHide', options)
@@ -300,6 +326,7 @@
           height: 184rpx;
           margin: auto;
           border-radius: 24rpx;
+          background-color: #E8A841;
           // background: linear-gradient(90deg, #E8A841 0%, #FAD48E 100%);
           background-size: 100% 100%;
           background-repeat: no-repeat;

package/src/components/JfbBaseOpenVip/Mock.js

@@ -1,7 +1,7 @@
 'use strict';
 
 module.exports = {
-  getOpenBaseUserInfo: {"user_name":"","user_code":"Uf4zx6EPfV","nickname":"未来～","real_name":"","head_url":"https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJsajZzh53IB56crRSdmKvRbjT4V1Ha8v5uCOkASbWS0GibgLeic8OKBzAwUyBa3vZGhjwmd6RfpG9g\/132","province_code":"","city_code":"","province_name":"","city_name":"","sex":"","sex_name":"未知","birthday_date":"","phone_number":"13611111111","show_user_name":"未来～","user_level":"VIP","vip_expire_time":1745026677,"request_id":"250e5709e6c95066"},
+  getOpenBaseUserInfo: {"user_name":"","user_code":"Uf4zx6EPfV","nickname":"未来～","real_name":"","head_url":"https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJsajZzh53IB56crRSdmKvRbjT4V1Ha8v5uCOkASbWS0GibgLeic8OKBzAwUyBa3vZGhjwmd6RfpG9g\/132","province_code":"","city_code":"","province_name":"","city_name":"","sex":"","sex_name":"未知","birthday_date":"","phone_number":"13611111111","show_user_name":"未来～","user_level":"","vip_expire_time":1745026677,"request_id":"250e5709e6c95066"},
   getVipList: {"total_size":3,"next_page_token":"","list":[{"vip_card_id":3,"product_id":60038520,"product_name":"体验卡","sale_price":200,"vip_card_icon":""},{"vip_card_id":2,"product_id":60038519,"product_name":"月卡","sale_price":2678,"vip_card_icon":""},{"vip_card_id":1,"product_id":60038515,"product_name":"测1","sale_price":20085,"vip_card_icon":""}],"request_id":"6b4aef5e06411d8a"},
   getVipMoneySaving: { "save_amount": 100 , "request_id": "6b4aef5e06411d8a" }
 }

package/src/components/JfbBaseOpenVip/XdVipList.vue

@@ -10,7 +10,13 @@
       </view>
     </view>
     <view class="vip_pay">
-      <view class="pay_btn" @click="toVipDetail">立即支付 <xd-unit style="margin-left: 16rpx;" :price="curVipCard.sale_price" :isOld="false" colorNew="#FFFFFF"></xd-unit></view>
+      <view class="pay_btn" @click="toVipDetail">
+        <template v-if="vip_card_id===-1">0元开通</template>
+        <template v-else>
+          立即支付 ￥{{ $xdUniHelper.divisionFloatNumber(curVipCard.sale_price, 100) }} 
+          {{ curVipCard.vip_card_life_cycle_unit ? '/'+curVipCard.vip_card_life_cycle_unit:'' }}
+        </template>
+      </view>
       <view class="vip_tip">开通视为同意<text @click.stop="handlePrivacy('privacy_service')">《共享PLUS会员用户协议》</text></view>
     </view>
   </view>