仿互站小程序

vant/goods-action-button/index.js

@@ -0,0 +1,37 @@
+var t = require("../common/component"), i = require("../mixins/link"), n = require("../mixins/button"), e = require("../mixins/open-type");
+
+(0, t.VantComponent)({
+    mixins: [ i.link, n.button, e.openType ],
+    relation: {
+        type: "ancestor",
+        name: "goods-action",
+        linked: function(t) {
+            this.parent = t;
+        }
+    },
+    props: {
+        text: String,
+        color: String,
+        loading: Boolean,
+        disabled: Boolean,
+        type: {
+            type: String,
+            value: "danger"
+        }
+    },
+    mounted: function() {
+        this.updateStyle();
+    },
+    methods: {
+        onClick: function(t) {
+            this.$emit("click", t.detail), this.jumpLink();
+        },
+        updateStyle: function() {
+            var t = this.parent.children, i = void 0 === t ? [] : t, n = i.indexOf(this);
+            this.setData({
+                isFirst: 0 === n,
+                isLast: n === i.length - 1
+            });
+        }
+    }
+});

vant/goods-action-button/index.json

@@ -0,0 +1,13 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-button": "../button/index",
+        "forview": "/utils/forview/index",
+        "van-loading": "/vant/loading/index",
+        "van-dialog": "/vant/dialog/index",
+        "van-icon": "/vant/icon/index",
+        "van-popup": "/vant/popup/index",
+        "van-tab": "/vant/tab/index",
+        "van-tabs": "/vant/tabs/index"
+    }
+}

vant/goods-action-button/index.wxml

@@ -0,0 +1,4 @@
+<van-button square appParameter="{{appParameter}}" bind:click="onClick" bindcontact="bindContact" binderror="bindError" bindgetphonenumber="bindGetPhoneNumber" bindgetuserinfo="bindGetUserInfo" bindlaunchapp="bindLaunchApp" bindopensetting="bindOpenSetting" businessId="{{businessId}}" color="{{color}}" customClass="{{utils.bem( 'goods-action-button',[ type,{first:isFirst,last:isLast} ] )}}" disabled="{{disabled}}" id="{{id}}" lang="{{lang}}" loading="{{loading}}" openType="{{openType}}" sendMessageImg="{{sendMessageImg}}" sendMessagePath="{{sendMessagePath}}" sendMessageTitle="{{sendMessageTitle}}" sessionFrom="{{sessionFrom}}" showMessageCard="{{showMessageCard}}" type="{{type}}">
+  {{text}}
+</van-button>
+<wxs module="utils" src="../wxs/utils.wxs" />

vant/goods-action-button/index.wxss

@@ -0,0 +1,45 @@
+@import "../area/index.wxss";
+
+.van-goods-action-button {
+    border: none!important;
+    height: 40px!important;
+    height: var(--goods-action-button-height,40px)!important;
+    font-weight: 500!important;
+    font-weight: var(--font-weight-bold,500)!important;
+    line-height: 40px!important;
+    line-height: var(--goods-action-button-height,40px)!important;
+}
+
+.van-goods-action-button--first {
+    display: block!important;
+    margin-left: 5px;
+    border-top-left-radius: 20px!important;
+    border-top-left-radius: var(--goods-action-button-border-radius,20px)!important;
+    border-bottom-left-radius: 20px!important;
+    border-bottom-left-radius: var(--goods-action-button-border-radius,20px)!important;
+}
+
+.van-goods-action-button--last {
+    display: block!important;
+    margin-right: 5px;
+    border-top-right-radius: 20px!important;
+    border-top-right-radius: var(--goods-action-button-border-radius,20px)!important;
+    border-bottom-right-radius: 20px!important;
+    border-bottom-right-radius: var(--goods-action-button-border-radius,20px)!important;
+}
+
+.van-goods-action-button--warning {
+    background: linear-gradient(90deg,#ffd01e,#ff8917);
+    background: var(--goods-action-button-warning-color,linear-gradient(90deg,#ffd01e,#ff8917));
+}
+
+.van-goods-action-button--danger {
+    background: linear-gradient(90deg,#ff6034,#ee0a24);
+    background: var(--goods-action-button-danger-color,linear-gradient(90deg,#ff6034,#ee0a24));
+}
+
+@media (max-width:321px) {
+    .van-goods-action-button {
+        font-size: 13px;
+    }
+}