blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

fix(goods-action): add several css variable (#3654)

Browse Source 
fix #3652
This commit is contained in:
rex 2020-09-30 11:45:30 +08:00 committed by GitHub
parent 981741a6c4
commit bdf6660fcd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/common/style/var.less
View File

@ -258,7 +258,11 @@
// GoodsAction
@goods-action-background-color: @white;
@goods-action-icon-height: 50px;
@goods-action-height: 50px;
@goods-action-icon-width: 48px;
@goods-action-icon-height: @goods-action-height;
@goods-action-icon-color: @text-color;
@goods-action-icon-size: 18px;
@goods-action-icon-font-size: @font-size-xs;
@goods-action-icon-text-color: @gray-7;
@goods-action-button-height: 40px;

23
packages/goods-action-icon/index.less
View File

@ -2,20 +2,21 @@
@import '../common/style/theme.less';
.van-goods-action-icon {
display: flex !important;
flex-direction: column;
justify-content: center !important;
line-height: 1 !important;
border: none !important;
.theme(width, '@goods-action-icon-height') !important;
&__content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
line-height: 1;
.theme(font-size, '@goods-action-icon-font-size');
.theme(color, '@goods-action-icon-text-color');
}
.theme(font-size, '@goods-action-icon-font-size') !important;
.theme(color, '@goods-action-icon-text-color') !important;
.theme(min-width, '@goods-action-icon-width');
.theme(height, '@goods-action-icon-height') !important;
&__icon {
margin-bottom: 4px;
display: flex;
margin: 0 auto 5px;
.theme(color, '@goods-action-icon-color');
.theme(font-size, '@goods-action-icon-size');
}
}

23
packages/goods-action-icon/index.wxml
View File

@ -22,17 +22,14 @@
bindgetphonenumber="bindGetPhoneNumber"
bindlaunchapp="bindLaunchApp"
>
<view class="van-goods-action-icon__content">
<van-icon
wx:if="{{ icon }}"
size="20px"
name="{{ icon }}"
dot="{{ dot }}"
info="{{ info }}"
class="van-goods-action-icon__icon"
custom-class="icon-class"
/>
<slot name="icon" />
<text class="text-class">{{ text }}</text>
</view>
<van-icon
wx:if="{{ icon }}"
name="{{ icon }}"
dot="{{ dot }}"
info="{{ info }}"
class="van-goods-action-icon__icon"
custom-class="icon-class"
/>
<slot wx:else name="icon" />
<text class="text-class">{{ text }}</text>
</van-button>

1
packages/goods-action/index.less
View File

@ -8,6 +8,7 @@
left: 0;
display: flex;
align-items: center;
.theme(height, '@goods-action-height');
.theme(background-color, '@goods-action-background-color');
&--safe {