歡迎來到懶人模板!我們專注移動互聯網,所有模板永久免費下載!
  • 首 頁
  • 當前位置:主頁 > 小程序教程 >

    微信小程序打賞服務態度打分橙色樣式模板制作設計下載

    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>

    點擊掃描效果預覽免費下載免登陸網盤下載
    標簽:
    * 懶人模板承諾:本站所有資源免費下載,無病毒,無彈窗,無干擾鏈接! 提點建議
    双色球开奖时间