Commit 7e9e6ab8 authored by wlxuqu's avatar wlxuqu

1. 修复按钮在微信小程序警告类名有错

2. 修复上传组件在微信小程序自定义按钮无效的问题
parent 8f993ec7
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
// "current": 0, //当前激活的模式(list 的索引项) // "current": 0, //当前激活的模式(list 的索引项)
// "list": [{ // "list": [{
// "name": "test", //模式名称 // "name": "test", //模式名称
// "path": "pages/componentsB/swipeAction/index", //启动页面,必选 // "path": "pages/componentsB/upload/index", //启动页面,必选
// "query": "id=1&name=2" //启动参数,在页面的-+onLoad函数里面得到 // "query": "id=1&name=2" //启动参数,在页面的-+onLoad函数里面得到
// }] // }]
// }, // },
......
...@@ -5,9 +5,9 @@ ...@@ -5,9 +5,9 @@
<view class="u-demo-area"> <view class="u-demo-area">
<u-toast ref="uToast"></u-toast> <u-toast ref="uToast"></u-toast>
<view class="pre-box" v-if="!showUploadList"> <view class="pre-box" v-if="!showUploadList">
<view class="pre-item" v-for="(item, index) in uUpload.lists" :key="index"> <view class="pre-item" v-for="(item, index) in lists" :key="index">
<image class="pre-item-image" :src="item.url" mode="aspectFill"></image> <image class="pre-item-image" :src="item.url" mode="aspectFill"></image>
<view class="u-delete-icon" @tap.stop="uUpload.deleteItem(index)"> <view class="u-delete-icon" @tap.stop="deleteItem(index)">
<u-icon name="close" size="20" color="#ffffff"></u-icon> <u-icon name="close" size="20" color="#ffffff"></u-icon>
</view> </view>
<u-line-progress v-if="item.progress > 0 && !item.error" :show-percent="false" height="16" class="u-progress" <u-line-progress v-if="item.progress > 0 && !item.error" :show-percent="false" height="16" class="u-progress"
...@@ -61,7 +61,6 @@ ...@@ -61,7 +61,6 @@
// error: false, // error: false,
// progress: 100 // progress: 100
// }], // }],
uUpload: {},
showUploadList: true, showUploadList: true,
customBtn: false, customBtn: false,
autoUpload: false, autoUpload: false,
...@@ -69,14 +68,9 @@ ...@@ -69,14 +68,9 @@
deletable: true, deletable: true,
customStyle: false, customStyle: false,
maxCount: 2, maxCount: 2,
lists: [], // 组件内部的文件列表
} }
}, },
// 只有onReady生命周期才能调用refs操作组件
onReady() {
// 得到整个组件对象,内部图片列表变量为"lists"
this.uUpload = this.$refs.uUpload;
},
methods: { methods: {
reUpload() { reUpload() {
this.$refs.uUpload.reUpload(); this.$refs.uUpload.reUpload();
...@@ -112,32 +106,36 @@ ...@@ -112,32 +106,36 @@
upload() { upload() {
this.$refs.uUpload.upload(); this.$refs.uUpload.upload();
}, },
deleteItem(index) {
this.$refs.uUpload.remove(index);
},
onOversize(file, lists) { onOversize(file, lists) {
console.log('onOversize', file, lists); // console.log('onOversize', file, lists);
}, },
onPreview(url, lists) { onPreview(url, lists) {
console.log('onPreview', url, lists); // console.log('onPreview', url, lists);
}, },
onRemove(index, lists) { onRemove(index, lists) {
console.log('onRemove', index, lists); // console.log('onRemove', index, lists);
}, },
onSuccess(data, index, lists) { onSuccess(data, index, lists) {
console.log('onSuccess', data, index, lists); // console.log('onSuccess', data, index, lists);
}, },
onChange(res, index, lists) { onChange(res, index, lists) {
console.log('onChange', res, index, lists); // console.log('onChange', res, index, lists);
}, },
error(res, index, lists) { error(res, index, lists) {
console.log('onError', res, index, lists); // console.log('onError', res, index, lists);
}, },
onProgress(res, index, lists) { onProgress(res, index, lists) {
console.log('onProgress', res, index, lists); // console.log('onProgress', res, index, lists);
}, },
onUploaded(lists) { onUploaded(lists) {
console.log('onUploaded', lists); // console.log('onUploaded', lists);
}, },
onListChange(lists) { onListChange(lists) {
console.log('onListChange', lists); // console.log('onListChange', lists);
this.lists = lists;
} }
} }
} }
......
...@@ -324,7 +324,7 @@ ...@@ -324,7 +324,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
button::after { .u-btn::after {
border: none; border: none;
} }
......
...@@ -63,8 +63,8 @@ ...@@ -63,8 +63,8 @@
* @example <u-upload :action="action" :file-list="fileList" ></u-upload> * @example <u-upload :action="action" :file-list="fileList" ></u-upload>
*/ */
export default { export default {
props: {
name: 'u-upload', name: 'u-upload',
props: {
//是否显示组件自带的图片预览功能 //是否显示组件自带的图片预览功能
showUploadList: { showUploadList: {
type: Boolean, type: Boolean,
......
// 此版本发布于2020-05-08 // 此版本发布于2020-05-08
let version = '1.2.1'; let version = '1.2.2';
export default { export default {
v: version, v: version,
......
{ {
"name": "uview-ui", "name": "uview-ui",
"version": "1.2.0", "version": "1.2.2",
"description": "uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水", "description": "uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水",
"main": "index.js", "main": "index.js",
"keywords": ["uview", "uView", "uni-app", "uni-app ui", "uniapp", "uviewui", "uview ui", "uviewUI", "uViewui", "uViewUI", "uView UI", "uni ui", "uni UI", "uniapp ui", "ui", "UI框架", "uniapp ui框架", "uniapp UI"], "keywords": ["uview", "uView", "uni-app", "uni-app ui", "uniapp", "uviewui", "uview ui", "uviewUI", "uViewui", "uViewUI", "uView UI", "uni ui", "uni UI", "uniapp ui", "ui", "UI框架", "uniapp ui框架", "uniapp UI"],
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment