44 lines
2.4 KiB
Vue
44 lines
2.4 KiB
Vue
<template>
|
|
<uni-shadow-root class="vant-dist-goods-action-icon-index"><van-button square :id="id" size="large" :lang="lang" :loading="loading" :disabled="disabled" :open-type="openType" :business-id="businessId" custom-class="van-goods-action-icon" :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="onError" @contact="onContact" @opensetting="onOpenSetting" @getuserinfo="onGetUserInfo" @getphonenumber="onGetPhoneNumber" @launchapp="onLaunchApp">
|
|
<van-icon v-if="icon" :name="icon" :dot="dot" :info="info" :class-prefix="classPrefix" class="van-goods-action-icon__icon" custom-class="icon-class"></van-icon>
|
|
<slot v-else name="icon"></slot>
|
|
<text class="text-class">{{ text }}</text>
|
|
</van-button></uni-shadow-root>
|
|
</template>
|
|
|
|
<script>
|
|
import VanIcon from '../icon/index.vue'
|
|
import VanButton from '../button/index.vue'
|
|
global['__wxVueOptions'] = {components:{'van-icon': VanIcon,'van-button': VanButton}}
|
|
|
|
global['__wxRoute'] = 'vant/dist/goods-action-icon/index'
|
|
import { VantComponent } from '../common/component';
|
|
import { button } from '../mixins/button';
|
|
import { link } from '../mixins/link';
|
|
VantComponent({
|
|
classes: ['icon-class', 'text-class'],
|
|
mixins: [link, button],
|
|
props: {
|
|
text: String,
|
|
dot: Boolean,
|
|
info: String,
|
|
icon: String,
|
|
classPrefix: {
|
|
type: String,
|
|
value: 'van-icon',
|
|
},
|
|
disabled: Boolean,
|
|
loading: Boolean,
|
|
},
|
|
methods: {
|
|
onClick(event) {
|
|
this.$emit('click', event.detail);
|
|
this.jumpLink();
|
|
},
|
|
},
|
|
});
|
|
export default global['__wxComponents']['vant/dist/goods-action-icon/index']
|
|
</script>
|
|
<style platform="mp-weixin">
|
|
@import '../common/index.css';.van-goods-action-icon{border:none!important;color:var(--goods-action-icon-text-color,#646566)!important;display:flex!important;flex-direction:column;font-size:var(--goods-action-icon-font-size,10px)!important;height:var(--goods-action-icon-height,50px)!important;justify-content:center!important;line-height:1!important;min-width:var(--goods-action-icon-width,48px)}.van-goods-action-icon__icon{color:var(--goods-action-icon-color,#323233);display:flex;font-size:var(--goods-action-icon-size,18px);margin:0 auto 5px}
|
|
</style> |