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

perf(loading): use wxs (#3892)

Browse Source
This commit is contained in:
rex 2020-12-22 20:45:52 +08:00 committed by GitHub
parent 7df96aeb5d
commit 7378398da6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/loading/index.wxml
View File

@ -1,9 +1,10 @@
<wxs src="../wxs/utils.wxs" module="utils" /> <wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view class="custom-class van-loading {{ vertical ? 'van-loading--vertical' : '' }}"> <view class="custom-class {{ utils.bem('loading', { vertical }) }}">
<view <view
class="van-loading__spinner van-loading__spinner--{{ type }}" class="van-loading__spinner van-loading__spinner--{{ type }}"
style="color: {{ color }}; width: {{ utils.addUnit(size) }}; height: {{ utils.addUnit(size) }}" style="{{ computed.spinnerStyle({ color, size }) }}"
> >
<view <view
wx:if="{{ type === 'spinner' }}" wx:if="{{ type === 'spinner' }}"
@ -12,7 +13,7 @@
class="van-loading__dot" class="van-loading__dot"
/> />
</view> </view>
<view class="van-loading__text" style="font-size: {{ utils.addUnit(textSize) }};"> <view class="van-loading__text" style="{{ computed.textStyle({ textSize }) }}">
<slot /> <slot />
</view> </view>
</view> </view>

22
packages/loading/index.wxs Normal file
View File

@ -0,0 +1,22 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function spinnerStyle(data) {
return style({
color: data.color,
width: addUnit(data.size),
height: addUnit(data.size),
});
}
function textStyle(data) {
return style({
'font-size': addUnit(data.textSize),
});
}
module.exports = {
spinnerStyle: spinnerStyle,
textStyle: textStyle,
};