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(uploader): use wxs ()

Browse Source
This commit is contained in:
rex 2020-12-22 20:55:58 +08:00 committed by GitHub
parent 7c8f4b2113
commit 5626547a19
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 4 deletions
packages/uploader
index.wxmlindex.wxs

9
packages/uploader/index.wxml

@ -1,4 +1,5 @@
<wxs src="../wxs/utils.wxs" module="utils" /> <wxs src="../wxs/utils.wxs" module="utils" />
<wxs src="./index.wxs" module="computed" />
<view class="van-uploader"> <view class="van-uploader">
<view class="van-uploader__wrapper"> <view class="van-uploader__wrapper">
@ -17,7 +18,7 @@
src="{{ item.thumb || item.url }}" src="{{ item.thumb || item.url }}"
alt="{{ item.name || ('图片' + index) }}" alt="{{ item.name || ('图片' + index) }}"
class="van-uploader__preview-image" class="van-uploader__preview-image"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="{{ computed.sizeStyle({ previewSize }) }}"
data-index="{{ index }}" data-index="{{ index }}"
bind:tap="onPreviewImage" bind:tap="onPreviewImage"
/> />
@ -28,7 +29,7 @@
poster="{{ item.thumb }}" poster="{{ item.thumb }}"
autoplay="{{ item.autoplay }}" autoplay="{{ item.autoplay }}"
class="van-uploader__preview-image" class="van-uploader__preview-image"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="{{ computed.sizeStyle({ previewSize }) }}"
data-index="{{ index }}" data-index="{{ index }}"
bind:tap="onPreviewVideo" bind:tap="onPreviewVideo"
> >
@ -36,7 +37,7 @@
<view <view
wx:else wx:else
class="van-uploader__file" class="van-uploader__file"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="{{ computed.sizeStyle({ previewSize }) }}"
> >
<van-icon name="description" class="van-uploader__file-icon" /> <van-icon name="description" class="van-uploader__file-icon" />
<view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view> <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>
@ -69,7 +70,7 @@
<view <view
wx:if="{{ showUpload }}" wx:if="{{ showUpload }}"
class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}" class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};" style="{{ computed.sizeStyle({ previewSize }) }}"
bindtap="startUpload" bindtap="startUpload"
> >
<van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" /> <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" />

14
packages/uploader/index.wxs Normal file

@ -0,0 +1,14 @@
/* eslint-disable */
var style = require('../wxs/style.wxs');
var addUnit = require('../wxs/add-unit.wxs');
function sizeStyle(data) {
return style({
width: addUnit(data.previewSize),
height: addUnit(data.previewSize),
});
}
module.exports = {
sizeStyle: sizeStyle,
};