Commit 1adea458 authored by wlxuqu's avatar wlxuqu

1. 修复field组件设置为textare类型是样式有误的问题

2. 修复支付宝小程序图标无法显示的问题
parent 7e9e6ab8
<template> <template>
<view> <view>
<u-swipe-action :show="item.show" :index="index" <view v-for="(Item,index) of dataList" >
v-for="(item, index) in list" :key="item.id" <u-number-box :value="Item['num']" @change="valChanges"></u-number-box>
@click="click" @open="open" </view>
:options="options"
>
<view class="item u-border-bottom">
<image mode="aspectFill" :src="item.images" />
<!-- 此层wrap在此为必写的,否则可能会出现标题定位错误 -->
<view class="title-wrap">
<text class="title u-line-2">{{ item.title }}</text>
</view>
</view>
</u-swipe-action>
</view> </view>
</template> </template>
...@@ -20,64 +10,21 @@ ...@@ -20,64 +10,21 @@
export default { export default {
data() { data() {
return { return {
list: [ dataList:[{
{ id:1,
id: 1, num:0
title: '长安回望绣成堆,山顶千门次第开,一骑红尘妃子笑,无人知是荔枝来',
images: 'https://cdn.uviewui.com/uview/common/logo.png',
show: false
},
{
id: 2,
title: '新丰绿树起黄埃,数骑渔阳探使回,霓裳一曲千峰上,舞破中原始下来',
images: 'https://cdn.uviewui.com/uview/common/logo.png',
show: false
},
{
id: 3,
title: '登临送目,正故国晚秋,天气初肃。千里澄江似练,翠峰如簇',
images: 'https://cdn.uviewui.com/uview/common/logo.png',
show: false,
}
],
disabled: false,
btnWidth: 180,
show: false,
options: [
{
text: '收藏',
style: {
backgroundColor: '#007aff'
}
}, },
{ {
text: '删除', id:2,
style: { num:0
backgroundColor: '#dd524d' }],
}
}
]
}; };
}, },
methods: { methods: {
click(index, index1) { valChanges(e,index){
if(index1 == 1) { this.dataList[index]['num'] = parseInt(e['value']);
this.list.splice(index, 1); console.log(e);
this.$u.toast(`删除了第${index}个cell`);
} else {
this.list[index].show = false;
this.$u.toast(`收藏成功`);
}
}, },
// 如果打开一个的时候,不需要关闭其他,则无需实现本方法
open(index) {
// 先将正在被操作的swipeAction标记为打开状态,否则由于props的特性限制,
// 原本为'false',再次设置为'false'会无效
this.list[index].show = true;
this.list.map((val, idx) => {
if(index != idx) this.list[idx].show = false;
})
}
} }
}; };
</script> </script>
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<text class="u-label-text" :class="[this.$slots.icon || icon ? 'u-label-left-gap' : '']">{{ label }}</text> <text class="u-label-text" :class="[this.$slots.icon || icon ? 'u-label-left-gap' : '']">{{ label }}</text>
</view> </view>
<view class="fild-body"> <view class="fild-body">
<view class="u-field__input-wrap u-flex" :style="[inputWrapStyle]"> <view class="u-flex-1 u-flex" :style="[inputWrapStyle]">
<textarea v-if="type == 'textarea'" class="u-flex-1 u-textarea-class" :style="[fieldStyle]" :value="value" <textarea v-if="type == 'textarea'" class="u-flex-1 u-textarea-class" :style="[fieldStyle]" :value="value"
:placeholder="placeholder" :placeholderStyle="placeholderStyle" :disabled="disabled" :maxlength="inputMaxlength" :placeholder="placeholder" :placeholderStyle="placeholderStyle" :disabled="disabled" :maxlength="inputMaxlength"
:focus="focus" :autoHeight="autoHeight" :fixed="fixed" @input="onInput" @blur="onBlur" @focus="onFocus" @confirm="onConfirm" :focus="focus" :autoHeight="autoHeight" :fixed="fixed" @input="onInput" @blur="onBlur" @focus="onFocus" @confirm="onConfirm"
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
v-else v-else
:style="[fieldStyle]" :style="[fieldStyle]"
:type="type" :type="type"
class="u-flex-1" class="u-flex-1 u-field__input-wrap"
:value="value" :value="value"
:password="password || type === 'password'" :password="password || type === 'password'"
:placeholder="placeholder" :placeholder="placeholder"
...@@ -274,6 +274,8 @@ export default { ...@@ -274,6 +274,8 @@ export default {
.u-textarea-class { .u-textarea-class {
min-height: 96rpx; min-height: 96rpx;
width: auto;
font-size: 28rpx;
} }
.fild-body { .fild-body {
......
...@@ -64,6 +64,9 @@ export default { ...@@ -64,6 +64,9 @@ export default {
// uView的自定义图标类名为u-iconfont // uView的自定义图标类名为u-iconfont
if (this.customPrefix == 'uicon') classes.push('u-iconfont'); if (this.customPrefix == 'uicon') classes.push('u-iconfont');
else classes.push(this.customPrefix); else classes.push(this.customPrefix);
//#ifdef MP-ALIPAY
classes = classes.join(' ');
//#endif
return classes; return classes;
}, },
iconStyle() { iconStyle() {
...@@ -72,7 +75,7 @@ export default { ...@@ -72,7 +75,7 @@ export default {
fontSize: this.size == 'inherit' ? 'inherit' : this.size + 'rpx', fontSize: this.size == 'inherit' ? 'inherit' : this.size + 'rpx',
fontWeight: this.bold ? 'bold' : 'normal' fontWeight: this.bold ? 'bold' : 'normal'
}; };
if(this.color) style.color = this.color; if (this.color) style.color = this.color;
return style; return style;
} }
}, },
...@@ -81,7 +84,7 @@ export default { ...@@ -81,7 +84,7 @@ export default {
this.$emit('click', this.index); this.$emit('click', this.index);
}, },
touchstart() { touchstart() {
this.$emit('touchstart', this.index); this.$emit('touchstart', this.index);
} }
} }
}; };
......
// 此版本发布于2020-05-08 // 此版本发布于2020-05-08
let version = '1.2.2'; let version = '1.2.3';
export default { export default {
v: version, v: version,
......
{ {
"name": "uview-ui", "name": "uview-ui",
"version": "1.2.2", "version": "1.2.3",
"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