欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序打赏服务态度打分橙色样式模板制作设计下载

    2018-06-19 09:17 来源/作者:懒人模板 分类:小程序教程  « »
    制作好以后效果图如下:
    一、wxml页面代码如下:
    <!-- 可用组件:https://mp.weixin.qq.com/debug/wxadoc/dev/component/ -->
    <view class="gratuity">
      <!--服务员信息-->
      <view class="waiter">
        <image src="{{ waiter.img }}"></image>
        <view class="waiter-info">
          <view class="name">
            {{ waiter.name }}
          </view>
          <view class="iconfont icon-wuxing {{ waiter.grade }}">
            {{ waiter.score }}分
          </view>
        </view>
      </view>
      <!--服务员大标签-->
      <view class="waiter-title">
        <text wx:for="{{ waiter.title }}">{{ item }}</text>
      </view>
      <!--评分-->
      <view class="give-star">
        打分:
        <text bindtap="chooseStar" data-star="{{ index }}" wx:for="12345" class="iconfont icon-star {{ currentStar >= index ? 'active' : '' }}"></text>
      </view>
      <!--底部标签-->
      <view class="tip">
        标签
      </view>
      <view class="menu2-comment">
        <view bindtap="choosetip" data-choose="{{ index }}" class="menu2-comment-item {{ chooseArr[index] ?  'active' : '' }}" wx:for="{{ waiter.comment}}" wx:key="unique">
          {{ item }}
        </view>
      </view>
      <view class="btn" bindtap="send">提交信息</view>
    </view>

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议