需求如图:
1个星-很不满意;
2个星-不满意;
3个星-一般;
4个星-还不错;
5个星-很满意;
找了demo,删删改改,demo地址:
https://www.jb51.net/article/150081.htm
上代码吧还是 = =
需要的页面引入:
json:
{
"usingComponents": {
"star": "../../components/star/star"
},
"navigationBarTitleText": "评价"
}
wxml:
<star></star>
组件代码:
wxml:
<!--components/star/star.wxml-->
<view class='buy' bindtap='showBuyModal'>测试版评价本次维修服务</view>
<!-- 点击弹出遮罩层 -->
<view class="cover_screen" bindtap="hideBuyModal" wx:if="{
{showModalStatus}}"></view>
<!-- 点击立即购买 弹窗 -->
<view animation="{
{animationData}}" class="buy_box" wx:if="{
{showModalStatus}}">
<view class='startitle'>{
{tatle}}</view>
<!-- 星星start -->
<view class='container'>
<view class='evaluate_contant'>
&l