index.vue 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <uni-shadow-root class="weapp-lib-goods-action-button-index"><van-button :id="id" :lang="lang" :type="type" :size="size" :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="onError" @contact="onContact" @opensetting="onOpenSetting" @getuserinfo="onGetUserInfo" @getphonenumber="onGetPhoneNumber" @launchapp="onLaunchApp">
  3. {{ text }}
  4. <slot></slot>
  5. </van-button></uni-shadow-root>
  6. </template>
  7. <wxs src="../wxs/utils.wxs" module="utils"></wxs>
  8. <script>
  9. import VanButton from '../button/index.vue'
  10. global['__wxVueOptions'] = {components:{'van-button': VanButton}}
  11. global['__wxRoute'] = 'weapp/lib/goods-action-button/index'
  12. "use strict";
  13. Object.defineProperty(exports, "__esModule", { value: true });
  14. var component_1 = require("../common/component");
  15. var relation_1 = require("../common/relation");
  16. var button_1 = require("../mixins/button");
  17. var link_1 = require("../mixins/link");
  18. (0, component_1.VantComponent)({
  19. mixins: [link_1.link, button_1.button],
  20. relation: (0, relation_1.useParent)('goods-action'),
  21. props: {
  22. text: String,
  23. color: String,
  24. size: {
  25. type: String,
  26. value: 'normal',
  27. },
  28. loading: Boolean,
  29. disabled: Boolean,
  30. plain: Boolean,
  31. type: {
  32. type: String,
  33. value: 'danger',
  34. },
  35. },
  36. methods: {
  37. onClick: function (event) {
  38. this.$emit('click', event.detail);
  39. this.jumpLink();
  40. },
  41. updateStyle: function () {
  42. if (this.parent == null) {
  43. return;
  44. }
  45. var index = this.index;
  46. var _a = this.parent.children, children = _a === void 0 ? [] : _a;
  47. this.setData({
  48. isFirst: index === 0,
  49. isLast: index === children.length - 1,
  50. });
  51. },
  52. },
  53. });
  54. export default global['__wxComponents']['weapp/lib/goods-action-button/index']
  55. </script>
  56. <style platform="mp-weixin">
  57. @import '../common/index.css';.weapp-lib-goods-action-button-index{flex:1}.van-goods-action-button{--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(to right,#ffd01e,#ff8917));--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(to right,#ff6034,#ee0a24));--button-default-height:var(--goods-action-button-height,40px);--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:var(--goods-action-button-plain-color,#fff);--button-border-width:0;display:block}.van-goods-action-button--first{--button-border-radius:999px 0 0 var(--goods-action-button-border-radius,999px);margin-left:5px}.van-goods-action-button--last{--button-border-radius:0 999px var(--goods-action-button-border-radius,999px) 0;margin-right:5px}.van-goods-action-button--first.van-goods-action-button--last{--button-border-radius:var(--goods-action-button-border-radius,999px)}.van-goods-action-button--plain{--button-border-width:1px}.van-goods-action-button__inner{font-weight:var(--font-weight-bold,500)!important;width:100%}@media (max-width:321px){.van-goods-action-button{font-size:13px}}
  58. </style>