1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <uni-shadow-root class="vant-goods-action-button-index"><van-button :id="id" :lang="lang" :type="type" :color="color" :plain="plain" :loading="loading" :disabled="disabled" :open-type="openType" :class="utils.bem('goods-action-button', [type, { first: isFirst, last: isLast, plain: plain }])" custom-class="van-goods-action-button__inner" :business-id="businessId" :session-from="sessionFrom" :app-parameter="appParameter" :send-message-img="sendMessageImg" :send-message-path="sendMessagePath" :show-message-card="showMessageCard" :send-message-title="sendMessageTitle" @click="onClick" @error="bindError" @contact="bindContact" @opensetting="bindOpenSetting" @getuserinfo="bindGetUserInfo" @getphonenumber="bindGetPhoneNumber" @launchapp="bindLaunchApp">
| {{ text }}
| <slot></slot>
| </van-button></uni-shadow-root>
| </template>
| <wxs src="../wxs/utils.wxs" module="utils"></wxs>
| <script>
| import VanButton from '../button/index.vue'
| global['__wxVueOptions'] = {components:{'van-button': VanButton}}
|
| global['__wxRoute'] = 'vant/goods-action-button/index'
| import { VantComponent } from '../common/component';
| import { link } from '../mixins/link';
| import { button } from '../mixins/button';
| import { openType } from '../mixins/open-type';
| VantComponent({
| mixins: [link, button, openType],
| relation: {
| type: 'ancestor',
| name: 'goods-action',
| current: 'goods-action-button',
| },
| props: {
| text: String,
| color: String,
| loading: Boolean,
| disabled: Boolean,
| plain: Boolean,
| type: {
| type: String,
| value: 'danger',
| },
| },
| methods: {
| onClick(event) {
| this.$emit('click', event.detail);
| this.jumpLink();
| },
| updateStyle() {
| if (this.parent == null) {
| return;
| }
| const { children = [] } = this.parent;
| const { length } = children;
| const index = children.indexOf(this);
| this.setData({
| isFirst: index === 0,
| isLast: index === length - 1,
| });
| },
| },
| });
| export default global['__wxComponents']['vant/goods-action-button/index']
| </script>
| <style platform="mp-weixin">
| @import '../common/index.css';.vant-goods-action-button-index{-webkit-flex:1;flex:1}.van-goods-action-button{--button-warning-background-color:linear-gradient(90deg,#ffd01e,#ff8917);--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(90deg,#ffd01e,#ff8917));--button-danger-background-color:linear-gradient(90deg,#ff6034,#F6465D);--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(90deg,#ff6034,#F6465D));--button-default-height:40px;--button-default-height:var(--goods-action-button-height,40px);--button-line-height:20px;--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:#fff;--button-plain-background-color:var(--goods-action-button-plain-color,#fff);display:block;--button-border-width:0}.van-goods-action-button--first{margin-left:5px;--button-border-radius:20px 0 0 20px;--button-border-radius:var(--goods-action-button-border-radius,20px) 0 0 var(--goods-action-button-border-radius,20px)}.van-goods-action-button--last{margin-right:5px;--button-border-radius:0 20px 20px 0;--button-border-radius:0 var(--goods-action-button-border-radius,20px) var(--goods-action-button-border-radius,20px) 0}.van-goods-action-button--first.van-goods-action-button--last{--button-border-radius:20px;--button-border-radius:var(--goods-action-button-border-radius,20px)}.van-goods-action-button--plain{--button-border-width:1px}.van-goods-action-button__inner{width:100%;font-weight:500!important;font-weight:var(--font-weight-bold,500)!important}@media (max-width:321px){.van-goods-action-button{font-size:13px}}
| </style>
|
|
