index.vue 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <uni-shadow-root class="weapp-lib-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">
  3. <van-icon v-if="icon" :name="icon" :dot="dot" :info="info" :color="color" :class-prefix="classPrefix" class="van-goods-action-icon__icon" custom-class="icon-class"></van-icon>
  4. <slot v-else name="icon"></slot>
  5. <text class="text-class">{{ text }}</text>
  6. </van-button></uni-shadow-root>
  7. </template>
  8. <script>
  9. import VanIcon from '../icon/index.vue'
  10. import VanButton from '../button/index.vue'
  11. global['__wxVueOptions'] = {components:{'van-icon': VanIcon,'van-button': VanButton}}
  12. global['__wxRoute'] = 'weapp/lib/goods-action-icon/index'
  13. "use strict";
  14. Object.defineProperty(exports, "__esModule", { value: true });
  15. var component_1 = require("../common/component");
  16. var button_1 = require("../mixins/button");
  17. var link_1 = require("../mixins/link");
  18. (0, component_1.VantComponent)({
  19. classes: ['icon-class', 'text-class'],
  20. mixins: [link_1.link, button_1.button],
  21. props: {
  22. text: String,
  23. dot: Boolean,
  24. info: String,
  25. icon: String,
  26. color: String,
  27. classPrefix: {
  28. type: String,
  29. value: 'van-icon',
  30. },
  31. disabled: Boolean,
  32. loading: Boolean,
  33. },
  34. methods: {
  35. onClick: function (event) {
  36. this.$emit('click', event.detail);
  37. this.jumpLink();
  38. },
  39. },
  40. });
  41. export default global['__wxComponents']['weapp/lib/goods-action-icon/index']
  42. </script>
  43. <style platform="mp-weixin">
  44. @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}
  45. </style>