yuminge-app/yun-min-program-plugin-master/packageE/appointment/appointment_index.wxml

117 lines
4.1 KiB
Plaintext

<!--packageE/appointment/appointment_index.wxml-->
<view style="background: #ffffff;">
<view class="search_box">
<view class="search">
<view class="left" bindtap="tolocation" style="flex:none;">
<icon class="iconfont icon-icon_location"></icon>
<text>{{ address }}</text>
<icon class="iconfont icon-member-bottom"></icon>
</view>
<view class="right" bindtap="tosearch" style="flex:1;margin-left:32rpx;">
<icon class="iconfont icon-sousuo"></icon>
<input type="text" title="搜索" disabled
placeholder="{{'搜索'+appointmentLang.project+'/'+appointmentLang.worker}}" />
</view>
</view>
</view>
<view class="c-swipe">
<block wx:if="{{carousels.length!=0}}">
<swiper class="banner_swiper" interval="4000" indicator-active-color="#f15353">
<swiper-item wx:for="{{carousels}}" wx:for-item="slide">
<image style="width:100%;height:11.25rem;border-radius: 10px;" src="{{slide.thumb}}" />
</swiper-item>
</swiper>
</block>
</view>
<view class="hot">
<view class="header" bindtap="toHot">
<view class="left">
<image class="avatar" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/rexiao@2x.png" alt=""></image>
<view class="title">热门{{appointmentLang.worker}}</view>
</view>
<view class="icon-box">
<icon class="iconfont icon-advertise-next"></icon>
</view>
<view class="user">
<view class="img" wx:for="{{workers}}" wx:for-item="list"
style="zIndex: {{index}}; right: {{index * 15 + 20}}px;" wx:key="index">
<block wx:if="{{list.thumb}}">
<image src="{{list.thumb}}" alt=""></image>
</block>
</view>
</view>
</view>
<view class="people">
<view class="person" wx:for="{{workers}}" wx:key="id" data-id="{{item.id}}" bindtap="toTechnicianDetails">
<view style="margin: 9.6rpx 0 9.6rpx 0;text-align: center;">
<image wx:if="{{item.thumb}}" src="{{item.thumb}}" alt=""></image>
<image wx:if="{{!item.thumb}}" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/img_default.png" alt=""></image>
</view>
<view class="p" style="-webkit-box-orient: vertical;">{{item.name}}</view>
</view>
</view>
</view>
<view class="recommend">
<view class="header" bindtap="toList">
<view class="left">
<image class="avatar" src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/recommond@2x.png" alt=""></image>
<view class="title">推荐{{appointmentLang.project}}</view>
</view>
<view class="icon-box">
<icon class="iconfont icon-advertise-next"></icon>
</view>
</view>
<view class="project">
<view class="project-item" wx:for="{{projects}}" wx:for-item="project" wx:key="id" data-id="{{project.id}}"
bindtap="toDetails">
<view class="left">
<image class="left-img" src="{{project.thumb}}" alt=""></image>
</view>
<view class="right">
<view class="headline">{{project.title}}</view>
<view class="describe" style="-webkit-box-orient: vertical;">{{project.description}}</view>
<view class="bottom">
<view class="comment">
<icon style="vertical-align: middle;margin-right: 0.3rem;" class="iconfont icon-liaotian"></icon>
<text>{{project.comment_num || 0}}</text>
<icon style="vertical-align: text-top;color: #f49f19;" class="iconfont icon-card_laud"></icon>
</view>
</view>
</view>
</view>
</view>
</view>
<view style="height: 4rem"></view>
<view class="appointment-bottom" style="width:100%;">
<view class="item active">
<view>
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/index-active@2x.png" alt=""></image>
<view>首页</view>
</view>
</view>
<view class="item" bindtap="toList">
<view>
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/project-normal@2x.png" alt=""></image>
<view>{{appointmentLang.project}}</view>
</view>
</view>
<view class="item" bindtap="toUrl">
<view>
<image src="https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/my-normal@2x.png" alt=""></image>
<view>我的</view>
</view>
</view>
</view>
</view>