jufubao-base 1.0.169-beta9 → 1.0.169

package/src/components/JfbBaseTfkCardLogin/JfbBaseTfkCardLogin.vue

@@ -13,450 +13,31 @@
       <view class="jfb-base-tfk-card-login__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
-    <view class="jfb-base-tfk-card-login__body" :style="{
-      '--card-list-margin': ($rpxNum * cardItemMargin) + 'px',
-    }">
-      <view class="menu_wrap" :style="menuBoxStyle">
-        <view class="menu_list">
-          <view class="menu_item"
-            :style="{
-              marginRight: menuItemMargin + 'px'
-            }"
-            @click="changeMenu('card')"
-          >
-            <view class="menu_item_inner"
-              :style="[menuType === 'card' ? menuItemActiveStyle : menuItemStyle,  menuItemBoxStyle]">我的票券包</view>
-          </view>
-          <view class="menu_item" @click="changeMenu('coupon')">
-            <view class="menu_item_inner"
-              :style="[menuType === 'coupon' ? menuItemActiveStyle : menuItemStyle,  menuItemBoxStyle]">我的优惠券</view>
-          </view>
-        </view>
-        <view class="bind_card" :style="bindCardBoxStyle" @click="toBindCard">
-          <xd-font-icon :icon="bindCardIcon.icon"
-            :color="bindCardIcon.color"
-            :size="bindCardIcon.size"
-          ></xd-font-icon>
-          <view v-if="bindCardText" :style="getBindCardTextStyle">{{ bindCardText }}</view>
-        </view>
-      </view>
-      <view class="JfbBaseNotice">
-        <!--notice-->
-        <view class="jfb-base-tfk-card-login__body-line" v-if="!notice"></view>
-        <view class="jfb-base-tfk-card-login__body-notice" :style="noticeWrapBoxStyle" v-if="notice">
-          <view
-            class="jfb-base-tfk-card-login__body-notice-in"
-            :style="noticeBoxStyle"
-          >
-            <xd-notice-bar
-              style="width: 100%"
-              :color="noticeFont.color"
-              :showIcon="true"
-              :scrollable="true"
-              :speed="20"
-              :fontSize="noticeFont.size"
-              :height="70"
-              :is-no-bgc="false"
-            >
-              <template>
-                <view v-html="notice"></view>
-              </template>
-            </xd-notice-bar>
-          </view>
-        </view>
-        <view class="jfb-base-tfk-card-login__body-notice" :style="noticeWrapBoxStyle" v-if="noticeStatus && isPreview && notice === ''">
-          <view
-            class="jfb-base-tfk-card-login__body-notice-in"
-            :style="[noticeBoxStyle, {
-              textAlign: 'center',
-              color: dangerColor,
-              fontSize: 26 + 'rpx',
-            }]">该组件未配置数据，因此改模块在正式环境将不显示</view>
-        </view>
-        <!--notice end-->
-      </view>
-      <view class="card_list_wrap" :style="listBoxStyle">
-
-        <!-- 我的票券包- 已绑票券 -->
-        <template v-if="menuType === 'card'">
-          <view v-if="loadingList">
-            <view class="bind_list skeleton-wrap">
-              <view class="bind_item" v-for="i in 5" :key="i" :style="cardItemBoxStyle">
-                <view>
-                  <view class="bind_point"></view>
-                  <view class="bind_deduct"></view>
-                </view>
-                <view>
-                  <view class="bind_number"></view>
-                  <view class="bind_time"></view>
-                </view>
-                <view class="bind_type"></view>
-                <view class="bind_btn"></view>
-              </view>
-            </view>
-          </view>
-          <view v-else>
-            <view v-if="cardList.length" class="bind_list">
-              <view class="bind_item" v-for="(item, i) in cardList" :key="i"
-                :style="cardItemBoxStyle" @click="toCardDetail(item)">
-                <view>
-                  <view class="bind_point">
-                    <xd-unit
-                      :unitFontSize="24"
-                      :fontSize="48"
-                      :price="item.card_point"
-                      :isOld="false"
-                      :unit="item.unit || ''"
-                      :colorNew="'#333333'"
-                    ></xd-unit>
-                  </view>
-                  <view v-if="item.other_card_point && item.card_point_type !== 1" class="bind_deduct">
-                    兑换其他商品可抵：{{ item.other_card_point }}
-                  </view>
-                </view>
-                <view>
-                  <view class="bind_number">{{ item.card_number }}</view>
-                  <view class="bind_time">{{ item.end_time }}到期</view>
-                </view>
-                <view class="bind_type" :style="{
-                  top: cardPadding.top + 'rpx',
-                  right: cardPadding.right + 'rpx',
-                }">
-                  <view>{{ item.card_type_name }}</view>
-                  <view v-if="item.is_exchange === 'Y'">(可转票券)</view>
-                </view>
-                <view class="bind_btn"
-                  :style="[{
-                    right: cardPadding.right + 'rpx',
-                    bottom: cardPadding.bottom + 'rpx',
-                    borderRadius: cardBtnRadius + 'rpx',
-                    padding: bindCardBtnPadding,
-                    minWidth: cardBtnMinWidth + 'rpx',
-                  }, item.is_login === 'Y' ? bindCardActiveStyle : bindCardBtnStyle]"
-                  @click.stop="doCardLogin(item)"
-                >{{ item.is_login === 'Y' ? '已登录' : '登录'}}</view>
-              </view>
-              <view v-if="!hasCardList" class="no_more_card">没有更多券了，查看失效的票券 ></view>
-            </view>
-            <view v-else>
-              暂无数据
-            </view>
-          </view>
-        </template>
-
-        <!-- 优惠券 -->
-        <template v-else >
-          <view v-if="couponList.length" class="coupon_list">
-            <xd-coupon-item v-for="(item, i) in couponList" :key="i"
-              :couponRadius="couponRadius"
-              :couponImageUrl="couponImageUrl"
-              :couponTitleBgColor="couponTitleBgColor"
-              :couponUseBtnPadding="couponUseBtnPadding"
-              :couponBtnRadius="couponBtnRadius"
-              :couponBtnTextStyle="couponBtnTextStyle"
-              :couponLeftBgColor="couponLeftBgColor"
-              :item="item"
-              @useCoupon="doCardLogin(item)"
-            ></xd-coupon-item>
-            <view v-if="!hasCouponList" class="no_more_card">没有更多券了，查看失效的票券 ></view>
-          </view>
-          <view v-else>
-            暂无数据
-          </view>
-
-        </template>
-      </view>
-      
+    <view class="jfb-base-tfk-card-login__body">
+      <view>测试插件( {{containerId}} )</view>
     </view>
   </view>
 </template>
 
 <script>
   import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-  import XdUnit from "@/components/XdUnit/XdUnit";
   import { jfbRootExec } from "@/utils/xd.event";
   import JfbBaseTfkCardLoginMixin from "./JfbBaseTfkCardLoginMixin";
   import { getContainerPropsValue } from "@/utils/xd.base";
   import componentsMixins from "@/mixins/componentsMixins";
   import extsMixins from "@/mixins/extsMixins";
-  import getServiceUrl from '@/common/getServiceUrl'
-  import XdNoticeBar from "@/components/XdNoticeBar/XdNoticeBar";
-  import XdCouponItem from "./XdCouponItem";
-  import Color from "color"
-  import { mapState, mapActions } from "vuex";
   export default {
     name: "JfbBaseTfkCardLogin",
     components: {
-      XdFontIcon,
-      XdNoticeBar,
-      XdCouponItem,
-      XdUnit
+      XdFontIcon
     },
     mixins: [
       componentsMixins, extsMixins, JfbBaseTfkCardLoginMixin
     ],
     data() {
       return {
-        menuType: "card", // card, coupon
-        loadingList: true,
-        cardList: [],
-        couponList: [],
-        hasCardList: false,
-        hasCouponList: false,
-
-        inCallbackUrlOrg:'',//是否带有回调地址
-        inCallback: null, //内部跳转地址
-        allEntryPath: "", //综合福利入口页
-        cardDetailPath: "", //我的票券包详情页
-
-        options: {},
-        showDisabled: 'Y',
 
         //todo
-        previewCurrent: "",
-        isPreview: false,
-        notice: "",
-        noticeStatus: false,
-        noticeBackgroundColor: "",
-        cardBindPath: "",
-        menuPadding: {},
-        menuBtnPadding: {},
-        menuItemMargin: 40,
-        menuBorderWidth: 1,
-        menuTabColor: {},
-        bindCardIcon: {},
-        cardImageUrl: "",
-        couponImageUrl: "",
-        cardPadding: {},
-        cardRadius: 0,
-        couponRadius: 0,
-        cardListPadding: {},
-        cardItemMargin: 20,
-        couponTitleBgColor: "",
-        cardBtnTextStyle: {}, //我的票券包登录按钮文字背景色设置
-        cardBtnRadius: 16,
-        cardBtnPadding: {},
-        couponBtnTextStyle: {}, //优惠券包登录按钮文字背景色设置
-        couponUseBtnPadding: {},
-        couponBtnRadius: 16,
-        couponLeftBgColor: "",
-        noticeBgColor: "",
-        noticeMargin: {},
-        noticePadding: {},
-        noticeFont: {},
-        bindCardText: "",
-        bindCardTextStyle: {},
-        bindCardShowType: "",
-        bindCardBtnRadius: 16,
-        cardBorder: {},
-        cardShadow: {},
-        cardImageMode: "",
-        entryGroupId: "",
-        cardHeight: 270,
-        cardBtnMinWidth: 100,
-      }
-    },
-    computed: {
-      ...mapState({
-        jwxSDK: (state) => state.jwxSDK,
-        jfbAuthorize: (state) => state.jfbAuthorize,
-      }),
-      menuBoxStyle(){
-        let padding = `${this.checkValue(this.menuPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuPadding.left, 20)}rpx`;
-
-        return this.styleObjectToString({
-          // background: this.formBgColor,
-          padding: padding,
-        })
-      },
-      menuItemBoxStyle(){
-        let padding = `${this.checkValue(this.menuBtnPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuBtnPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuBtnPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.menuBtnPadding.left, 20)}rpx`;
-        return this.styleObjectToString({
-          padding
-        })
-      },
-      menuItemStyle(){
-        let styleObj = {
-          color: this.menuTabColor['color'] || '#333',
-          background: this.menuTabColor['bgColor'] || '#fff',
-          fontSize: this.menuTabColor['fontSize'] || '30rpx',
-          fontWeight: this.menuTabColor['fontWeight'] || 'normal',
-          borderWidth: this.menuBorderWidth + 'px',
-        }
-
-        return this.styleObjectToString(styleObj)
-      },
-      menuItemActiveStyle(){
-        let defaultTextColor = '#ff5a39';
-        let styleActiveObj = {
-          color: this.menuTabColor['actColor'] || defaultTextColor,
-          background: this.menuTabColor['actBgColor'] || '#fff',
-          fontSize: this.menuTabColor['actFontSize'] || '30rpx',
-          fontWeight: this.menuTabColor['actFontWeight'] || 'normal',
-          borderBottom: `${this.menuBorderWidth}px solid ${this.menuTabColor['actColor'] || defaultTextColor}`
-        }
-        return this.styleObjectToString(styleActiveObj)
-      },
-      bindCardBtnPadding(){
-        let padding = `${this.checkValue(this.cardBtnPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardBtnPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardBtnPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardBtnPadding.left, 20)}rpx`;
-        return padding;
-      },
-      bindCardBtnStyle(){
-        let styleObj = {
-          color: this.cardBtnTextStyle['color'] || '#333',
-          background: this.cardBtnTextStyle['bgColor'] || '#fff',
-          fontSize: this.cardBtnTextStyle['fontSize'] || '30rpx',
-          fontWeight: this.cardBtnTextStyle['fontWeight'] || 'normal',
-        }
-        return this.styleObjectToString(styleObj)
-      },
-      bindCardActiveStyle(){
-        let defaultTextColor = '#ff5a39';
-        let styleActiveObj = {
-          color: this.cardBtnTextStyle['actColor'] || defaultTextColor,
-          background: this.cardBtnTextStyle['actBgColor'] || '#fff',
-          fontSize: this.cardBtnTextStyle['actFontSize'] || '30rpx',
-          fontWeight: this.cardBtnTextStyle['actFontWeight'] || 'normal',
-        }
-        return this.styleObjectToString(styleActiveObj)
-      },
-      couponBtnPadding(){
-        let padding = `${this.checkValue(this.couponUseBtnPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.couponUseBtnPadding.left, 20)}rpx`;
-        return padding;
-      },
-      couponBtnStyle(){
-        let styleObj = {
-          color: this.couponBtnTextStyle['color'] || '#333',
-          background: this.couponBtnTextStyle['bgColor'] || '#fff',
-          fontSize: this.couponBtnTextStyle['fontSize'] || '30rpx',
-          fontWeight: this.couponBtnTextStyle['fontWeight'] || 'normal',
-        }
-        return this.styleObjectToString(styleObj)
-      },
-      bindCardBoxStyle(){
-        return this.styleObjectToString({
-          border: `1px solid ${this.bindCardShowType == 'button' ? this.bindCardTextStyle.color : 'transparent'}`,
-          borderRadius: this.bindCardBtnRadius + 'rpx',
-        })
-      },
-      getBindCardTextStyle(){
-        let styleObj = {
-          color: this.bindCardTextStyle['color'] || '#333',
-          fontSize: this.bindCardTextStyle['fontSize'] || '30rpx',
-          fontWeight: this.bindCardTextStyle['fontWeight'] || 'normal',
-          marginLeft: this.bindCardIcon.icon ? '10rpx' : 0,
-        }
-        return this.styleObjectToString(styleObj)
-      },
-      getCardBgImage(){
-        let bg = '';
-        if(this.$xdUniHelper.checkVarType(this.cardImageUrl) === 'object'
-          || this.$xdUniHelper.checkVarType(this.cardImageUrl) === 'array'
-        ) {
-          if(!this.$xdUniHelper.isEmpty(this.cardImageUrl)) {
-            return getServiceUrl(this.cardImageUrl.url)
-          }
-        }
-        return bg
-      },
-      cardItemBoxStyle(){
-        let image = {};
-        let border = "none";
-        let boxShadow = "none";
-        if(this.cardBorder && this.cardBorder.type === 'Y'){
-          let { width, color } = this.cardBorder.value;
-          border = `${width}rpx solid ${color}`;
-        }
-        if(this.cardShadow && this.cardShadow.type === 'Y'){
-          let { width, color } = this.cardShadow.value;
-          boxShadow = `0 0 ${width}rpx ${color}`;
-        }
-        if(this.cardImageUrl) image = {
-          backgroundImage: `url(${this.getCardBgImage})`,
-          backgroundSize: '100%',
-          backgroundRepeat: 'no-repeat',
-        }
-        if(this.cardImageMode) image['backgroundSize'] = this.cardImageMode;
-
-        let padding = `${this.checkValue(this.cardPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardPadding.left, 20)}rpx`;
-        return this.styleObjectToString({
-          ...image,
-          padding: padding,
-          borderRadius: this.cardRadius + 'rpx',
-          border: border,
-          boxShadow: boxShadow,
-          height: this.cardHeight + 'rpx',
-        })
-      },
-      listBoxStyle(){
-        let padding = `${this.checkValue(this.cardListPadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardListPadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardListPadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.cardListPadding.left, 20)}rpx`;
-
-        return this.styleObjectToString({
-          padding: padding,
-        })
-      },
-      getCouponBgImage(){
-        let bg = '';
-        if(this.$xdUniHelper.checkVarType(this.couponImageUrl) === 'object'
-          || this.$xdUniHelper.checkVarType(this.couponImageUrl) === 'array'
-        ) {
-          if(!this.$xdUniHelper.isEmpty(this.couponImageUrl)) {
-            return getServiceUrl(this.couponImageUrl.url)
-          }
-        }
-        return bg
-      },
-      couponRightItemBoxStyle(){
-        let image = {};
-        if(this.cardImageUrl) image = {
-          backgroundImage: `url(${this.getCouponBgImage})`,
-          backgroundSize: '100%',
-          backgroundRepeat: 'no-repeat',
-        }
-        return this.styleObjectToString(image)
-      },
-      couponItemBoxStyle(){
-        return this.styleObjectToString({
-          borderRadius: this.couponRadius + 'rpx',
-        })
-      },
-      noticeWrapBoxStyle(){
-        let padding = `${this.checkValue(this.noticeMargin.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticeMargin.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticeMargin.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticeMargin.left, 20)}rpx`;
-
-        return this.styleObjectToString({
-          padding: padding,
-        })
-      },
-      noticeBoxStyle(){
-        let padding = `${this.checkValue(this.noticePadding.top, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticePadding.right, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticePadding.bottom, 20)}rpx`;
-        padding = `${padding} ${this.checkValue(this.noticePadding.left, 20)}rpx`;
-        return this.styleObjectToString({
-          padding: padding,
-          background: this.noticeBgColor
-        })
       }
     },
     watch: {
@@ -467,189 +48,31 @@
     },
     created() {
       this.init(this.container);
-      this.isPreview = this.$configProject.isPreview;
-      this.noticeBackgroundColor = Color(this.warningColor).alpha(0.2).toString();
+
       //todo
     },
     methods: {
       onJfbLoad(options) {
-        this.options = options;
-        let { inCallback } = options;
-        if(!inCallback) this.$storage.remove("inCallback"); //作为入口
-        else {
-          this.$storage.set("inCallback", inCallback);
-          try{
-            inCallback = Base64.decode(inCallback);
-            this.inCallbackUrlOrg = options.inCallback;
-          }catch (e){
-            inCallback = null;
-          }
-        }
-        //登录成功调整地址优先级
-        this.inCallback = inCallback || this.allEntryPath || this.settings.index;
 
-        this.getCardList();
-        this.getContent();
+        // jfbRootExec('baiduUserLogin', {
+
+        //   vm: this,//   data: {
+
+        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
+
+        //   }
+
+        // }).then().catch()
       },
       /**
        * @description 监听事件变化
        * @param container {object} 业务组件对象自己
        */
-      init(value) {
-        this.previewCurrent = getContainerPropsValue(value, "content.previewCurrent", 'card');
-        this.cardBindPath = getContainerPropsValue(value, "content.cardBindPath", {value: ""}).value;
-        this.menuPadding = getContainerPropsValue(value, "content.menuPadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.menuBtnPadding = getContainerPropsValue(value, "content.menuBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.menuItemMargin = getContainerPropsValue(value, "content.menuItemMargin", 40);
-        this.menuTabColor = getContainerPropsValue(value, "content.menuTabColor", {});
-        this.menuBorderWidth = getContainerPropsValue(value, "content.menuBorderWidth", 1);
-        this.bindCardIcon = getContainerPropsValue(value, "content.bindCardIcon", {});
-        this.cardImageUrl = getContainerPropsValue(value, "content.cardImageUrl", "");
-        this.couponImageUrl = getContainerPropsValue(value, "content.couponImageUrl", "");
-        this.cardPadding = getContainerPropsValue(value, "content.cardPadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.cardRadius = getContainerPropsValue(value, "content.cardRadius", 16);
-        this.couponRadius = getContainerPropsValue(value, "content.couponRadius", 16);
-        this.cardListPadding = getContainerPropsValue(value, "content.cardListPadding", {});
-        this.cardItemMargin = getContainerPropsValue(value, "content.cardItemMargin", 20);
-        this.couponTitleBgColor = getContainerPropsValue(value, "content.couponTitleBgColor", {});
-        this.cardBtnTextStyle = getContainerPropsValue(value, "content.cardBtnTextStyle", {});
-        this.cardBtnRadius = getContainerPropsValue(value, "content.cardBtnRadius", 16);
-        this.cardBtnPadding = getContainerPropsValue(value, "content.cardBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.couponBtnTextStyle = getContainerPropsValue(value, "content.couponBtnTextStyle", {});
-        this.couponUseBtnPadding = getContainerPropsValue(value, "content.couponUseBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.couponBtnRadius = getContainerPropsValue(value, "content.couponBtnRadius", 16);
-        this.couponLeftBgColor = getContainerPropsValue(value, "content.couponLeftBgColor", "");
-        this.noticeBgColor = getContainerPropsValue(value, "content.noticeBgColor", "");
-        this.noticeMargin = getContainerPropsValue(value, "content.noticeMargin", {top: 20, left: 20, right: 20, bottom: 20});
-        this.noticePadding = getContainerPropsValue(value, "content.noticePadding", {top: 20, left: 20, right: 20, bottom: 20});
-        this.noticeFont = getContainerPropsValue(value, "content.noticeFont", {});
-        this.bindCardText = getContainerPropsValue(value, "content.bindCardText", "");
-        this.bindCardTextStyle = getContainerPropsValue(value, "content.bindCardTextStyle", {});
-        this.bindCardShowType = getContainerPropsValue(value, "content.bindCardShowType", 'text');
-        this.bindCardBtnRadius = getContainerPropsValue(value, "content.bindCardBtnRadius", 16);
-        this.cardBorder = getContainerPropsValue(value, "content.cardBorder", {});
-        this.cardShadow = getContainerPropsValue(value, "content.cardShadow", {});
-        this.cardImageMode = getContainerPropsValue(value, "content.cardImageMode", '');
-        this.allEntryPath = getContainerPropsValue(value, "content.allEntryPath", {value: ""}).value;
-        this.cardDetailPath = getContainerPropsValue(value, "content.cardDetailPath", {value: "/tfktest/system/card/tkfDetail"}).value;
-        // this.entryGroupId = getContainerPropsValue(value,"content.entryGroupId","default");
-        this.cardHeight = getContainerPropsValue(value, "content.cardHeight", 270);
-        this.cardBtnMinWidth = getContainerPropsValue(value, "content.cardBtnMinWidth", 100);
+      init(container) {
 
-        console.log(this.cardShadow, 'cardShadow')
-        if(this.bindCardTextStyle && !this.bindCardTextStyle.color){
-          this.bindCardTextStyle.color = this.mainColor;
-        }
-        if(this.bindCardIcon && !this.bindCardIcon.color){
-          this.bindCardIcon.color = this.mainColor;
-        }
-        if(this.menuTabColor && !this.menuTabColor.actColor){
-          this.menuTabColor.actColor = this.mainColor;
-        }
-        if(this.cardBtnTextStyle){
-          if(!this.cardBtnTextStyle.actBgColor){
-            this.cardBtnTextStyle.actBgColor = this.mainColor;
-          }
-          if(!this.cardBtnTextStyle.bgColor){
-            this.cardBtnTextStyle.bgColor = this.mainColor;
-          }
-        }
+        //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
 
-        if(this.$configProject.isPreview){
-          this.menuType = this.previewCurrent;
-        }
-      },
-      toCardDetail(item){
-        this.$xdUniHelper.navigateTo({
-          url: this.cardDetailPath + `?card_number=${item["card_number"]}`
-        },false)
-      },
-      doCardLogin(item){
-        this.$xdShowLoading({});
-        jfbRootExec("loginTfkCardBind", {
-          vm: this,
-          data: {
-            card_number: item["card_number"]
-          }
-        }).then(res => {
-          this.$xdHideLoading();
-          //#ifdef MP-WEIXIN
-          if (this.jfbAuthorize !== null) {
-            this.jfbAuthorize.setCardToken(res);
-          }
-          //#endif
-
-          if (this.$configProject.isPreview) {
-            console.log("handleBindLogin", "预览模式不跳转", this.inCallback);
-          } else {
-            this.$xdUniHelper.redirectTo({
-              url: this.inCallback,
-            });
-          }
-        }).catch((res) => {
-          this.$xdHideLoading();
-        });
-      },
-      changeMenu(menu){
-        this.menuType = menu;
-        this.getCardList();
-      },
-      getCardList(){
-        let show_type = this.menuType === 'coupon' ? 'coupon' : 'normal';
-        let params = {show_type};
-       
-        // let params = {is_all: 'Y', is_show_entry_settings: 'Y'};
-        // if(options['jfb_business_code']) {
-        //   params['card_business_code'] = options['jfb_business_code'];
-        // }
-        // if(this.entryGroupId) params['group_id'] = this.entryGroupId;
-        this.$xdShowLoading({});
-        jfbRootExec("getTfkListCardBind", {
-          vm: this,
-          data: params,
-        }).then(res => {
-          this.loadingList = false;
-          this.$xdHideLoading();
-          this.showDisabled = res.is_show_invalid_card_entrance;
-
-          let list = res.list.map(item => {
-            item.other_card_point = item.other_card_point ? this.$xdUniHelper.divisionFloatNumber(item.other_card_point, 100) : 0
-            return item;
-          })
-          if(show_type === 'coupon'){
-            this.couponList = list;
-          }
-          if(show_type === 'normal'){
-            this.cardList = list;
-          }
-        })
-        .catch(() => this.$xdHideLoading());
-      },
-      toBindCard(){
-        this.$xdUniHelper.navigateTo({
-          url: this.cardBindPath
-        })
-      },
-      getContent() {
-        jfbRootExec("getListBaseNewsContent", {
-          vm: this,
-          data: {
-            page_id: this.pageAttr["page_id"], //页面ID
-            container_id: this.containerId, //组件ID
-            limit: 1,
-          },
-        })
-          .then((res) => {
-            if (res.list.length > 0) {
-              if(res.list && res.list.length > 0) {
-                this.notice = this.$xdUniHelper.filterHtml(res.list[0].content);
-              }
-              this.noticeStatus = true;
-            }
-          })
-          .catch((error) => {
-            console.error(error);
-          });
+        //this.height = getContainerPropsValue(container, 'content.height', 10);
       },
       onJfbScroll(options) {
         console.log('event.onJfbScroll', options)
@@ -682,143 +105,7 @@
 
   .jfb-base-tfk-card-login {
     &__body{
-      .menu_wrap{
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: #FFFFFF;
-        .menu_list{
-          display: flex;
-          align-items: center;
-          .menu_item_inner{
-            border-bottom: 1px solid transparent;
-          }
-        }
-        .bind_card{
-          display: flex;
-          align-items: center;
-          padding: 8rpx 20rpx;
-          border-radius: 16rpx;
-        }
-      }
-      &-notice {
-        width: 100%;
-        box-sizing: border-box;
-        &-in {
-          display: flex;
-          overflow: hidden;
-          align-items: center;
-          box-sizing: border-box;
-        }
 
-      }
-      .card_list_wrap{
-        padding: 0 20rpx;
-        .bind_list{
-          &.skeleton-wrap{
-            .bind_item{
-              .bind_point{
-                .skeleton-item(120rpx, 40rpx);
-              }
-              .bind_deduct{
-                .skeleton-item(350rpx, 48rpx);
-                padding: 0;
-              }
-              .bind_number{
-                .skeleton-item(250rpx, 28rpx);
-              }
-              .bind_time{
-                .skeleton-item(180rpx, 24rpx);
-              }
-              .bind_type{
-                .skeleton-item(150rpx, 66rpx);
-              }
-              .bind_btn{
-                .skeleton-item(180rpx, 64rpx);
-                padding: 0;
-              }
-            }
-          }
-          .bind_item{
-            padding: 32rpx;
-            background: #fff;
-            border-radius: 16rpx;
-            box-sizing: border-box;
-            margin: var(--card-list-margin) 0;
-            position: relative;
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            .bind_point{
-              color: #333333;
-              font-size: 48rpx;
-              ::v-deep .xd-unit{
-                height: auto !important;
-                font-weight: bold;
-                align-items: flex-end;
-                .xd-unit__unit{
-                  line-height: 1.7 !important;
-                }
-              }
-            }
-            .bind_deduct{
-              font-size: 28rpx;
-              color: #999;
-              background: rgba(51, 51, 51, 0.05);
-              display: inline-block;
-              padding: 4rpx 20rpx;
-              margin-top: 12rpx;
-            }
-            .bind_number{
-              font-size: 28rpx;
-              color: #999;
-              margin-top: 20rpx;
-              font-weight: 500;
-            }
-            .bind_time{
-              font-size: 24rpx;
-              color: #999;
-              margin-top: 16rpx;
-              font-weight: 500;
-              line-height: 1;
-            }
-            .bind_type{
-              font-size: 28rpx;
-              color: #333333;
-              position: absolute;
-              top: 32rpx;
-              right: 32rpx;
-              text-align: center;
-              font-size: 24rpx;
-              font-weight: 400;
-            }
-            .bind_btn{
-              font-size: 28rpx;
-              color: #999;
-              position: absolute;
-              bottom: 32rpx;
-              right: 32rpx;
-              background: #ddd;
-              padding: 16rpx 60rpx;
-              border-radius: 12rpx;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-            }
-          }
-        }
-        .coupon_list{
-          ::v-deep .xd-coupon_item{
-            margin: var(--card-list-margin) 0;
-          }
-        }
-        .no_more_card{
-          text-align: center;
-          padding: 20rpx 0;
-          color: #CCCCCC;
-          font-size: 28rpx;
-        }
-      }
     }
   }
 </style>