平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
打分发布评价模板使用说明
当前版本:1.0.0
引入
import myIssue from '@/components/myIssue.vue'
export default {
components: {myIssue}
}
使用
基本使用
<my-issue />
设置初始分值
<my-issue :score="3" />
不可修改分数
<my-issue :starsDisabled="true" />
另外组合自行测试
参数说明
参数名称 |
是否必须 |
默认值 |
说明 |
headPicShow |
否 |
true |
头像显示 |
headPicValue |
否 |
|
头像 |
headTitleShow |
否 |
true |
标题显示 |
headTitleValue |
否 |
|
标题 |
starsShow |
否 |
true |
星星显示 |
starsMax |
否 |
5 |
星星最大个数 |
starDefault |
否 |
|
星星默认图片 |
starActive |
否 |
|
星星选中图片 |
score |
否 |
0 |
默认分数 |
starsDisabled |
否 |
false |
星星禁用 |
textareaShow |
否 |
true |
多行文本显示 |
textareaPlaceholder |
否 |
|
多行文本placeholder |
submitShow |
否 |
true |
按钮显示 |
submitText |
否 |
发布 |
按钮文本 |
infoReceive |
否 |
{score:0,textareaValue:""} |
打分和评论(可以不传,传必须完整) |
插槽使用
头像插槽:slot="headPic"
<my-issue> <image slot="headPic"></image> </my-issue>
按钮插槽:slot="submit",同上。
事件监听
参数名 |
是否必传 |
说明 |
@submit |
否 |
this.$emit('submit',{分数+评论}) |
@scoreChange |
否 |
this.$emit('scoreChange',分值) |