提交初始版本,使用vant ui库
This commit is contained in:
1
miniprogram_npm/@vant/weapp/goods-action-icon/index.d.ts
vendored
Normal file
1
miniprogram_npm/@vant/weapp/goods-action-icon/index.d.ts
vendored
Normal file
@@ -0,0 +1 @@
|
||||
export {};
|
29
miniprogram_npm/@vant/weapp/goods-action-icon/index.js
Normal file
29
miniprogram_npm/@vant/weapp/goods-action-icon/index.js
Normal file
@@ -0,0 +1,29 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", { value: true });
|
||||
var component_1 = require("../common/component");
|
||||
var button_1 = require("../mixins/button");
|
||||
var link_1 = require("../mixins/link");
|
||||
(0, component_1.VantComponent)({
|
||||
classes: ['icon-class', 'text-class', 'info-class'],
|
||||
mixins: [link_1.link, button_1.button],
|
||||
props: {
|
||||
text: String,
|
||||
dot: Boolean,
|
||||
info: String,
|
||||
icon: String,
|
||||
size: String,
|
||||
color: String,
|
||||
classPrefix: {
|
||||
type: String,
|
||||
value: 'van-icon',
|
||||
},
|
||||
disabled: Boolean,
|
||||
loading: Boolean,
|
||||
},
|
||||
methods: {
|
||||
onClick: function (event) {
|
||||
this.$emit('click', event.detail);
|
||||
this.jumpLink();
|
||||
},
|
||||
},
|
||||
});
|
7
miniprogram_npm/@vant/weapp/goods-action-icon/index.json
Normal file
7
miniprogram_npm/@vant/weapp/goods-action-icon/index.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"van-icon": "../icon/index",
|
||||
"van-button": "../button/index"
|
||||
}
|
||||
}
|
41
miniprogram_npm/@vant/weapp/goods-action-icon/index.wxml
Normal file
41
miniprogram_npm/@vant/weapp/goods-action-icon/index.wxml
Normal file
@@ -0,0 +1,41 @@
|
||||
<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 }}"
|
||||
bind:click="onClick"
|
||||
binderror="onError"
|
||||
bindcontact="onContact"
|
||||
bindopensetting="onOpenSetting"
|
||||
bindgetuserinfo="onGetUserInfo"
|
||||
bindgetphonenumber="onGetPhoneNumber"
|
||||
bindlaunchapp="onLaunchApp"
|
||||
>
|
||||
<van-icon
|
||||
wx:if="{{ icon }}"
|
||||
name="{{ icon }}"
|
||||
dot="{{ dot }}"
|
||||
info="{{ info }}"
|
||||
size="{{ size }}"
|
||||
color="{{ color }}"
|
||||
class-prefix="{{ classPrefix }}"
|
||||
class="van-goods-action-icon__icon"
|
||||
custom-class="icon-class"
|
||||
info-class="info-class"
|
||||
/>
|
||||
<view wx:else>
|
||||
<slot name="icon" />
|
||||
</view>
|
||||
<text class="text-class">{{ text }}</text>
|
||||
</van-button>
|
1
miniprogram_npm/@vant/weapp/goods-action-icon/index.wxss
Normal file
1
miniprogram_npm/@vant/weapp/goods-action-icon/index.wxss
Normal file
@@ -0,0 +1 @@
|
||||
@import '../common/index.wxss';.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}
|
Reference in New Issue
Block a user