weliam-smartcity/pages/subPages2/homemaking/homepersonalCenter/homepersonalCenter.wxml

<view class="homepersonalCenter data-v-d1a56a78"><view class="title data-v-d1a56a78"><view class="swiperBox data-v-d1a56a78"><swiper class="swiper data-v-d1a56a78" indicator-color="rgba(255,255,255,.4)" indicator-active-color="rgba(255,255,255,.85)" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{2000}}" duration="{{500}}"><block wx:for="{{userData.thumbs}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item data-event-opts="{{[['tap',[['lookImg',['$0',index],['userData.thumbs']]]]]}}" bindtap="__e" class="data-v-d1a56a78"><image src="{{item}}" mode="aspectFill" class="data-v-d1a56a78"></image></swiper-item></block></swiper></view></view><view class="content data-v-d1a56a78"><view class="nameAndlogo data-v-d1a56a78"><image src="{{userData.thumb}}" mode class="data-v-d1a56a78"></image><view style="padding:10rpx 0;" class="data-v-d1a56a78"><view class="f-32 f-w data-v-d1a56a78">{{''+userData.name}}<block wx:if="{{userData.gender!=1}}"><text class="iconfont icon-female nv data-v-d1a56a78" style="color:#FE83AF;padding-left:10rpx;"></text></block><block wx:else><text class="iconfont iconfont icon-male data-v-d1a56a78" style="color:#0084FF;padding-left:10rpx;"></text></block></view><view class="tags data-v-d1a56a78"><block wx:for="{{userData.catearray}}" wx:for-item="item" wx:for-index="index"><view class="tags-item data-v-d1a56a78">{{''+item+''}}</view></block></view><view data-event-opts="{{[['tap',[['conloding',['$event']]]]]}}" class="location f-28 data-v-d1a56a78" style="padding-top:20rpx;" bindtap="__e"><text class="iconfont icon-location data-v-d1a56a78" style="font-size:28rpx;"></text><text style="padding:0 20rpx;" class="data-v-d1a56a78">{{userData.address}}</text><block wx:if="{{false}}"><text style="padding-right:20rpx;" class="data-v-d1a56a78">210m</text></block><text class="iconfont icon-right data-v-d1a56a78" style="font-size:28rpx;"></text></view></view></view><view class="yab data-v-d1a56a78"><v-tabs vue-id="4e7c8ec2-1" lineScale="{{0.25}}" lineRadius="100rpx 100rpx 0 0" lineHeight="8rpx" fontSize="32rpx" activeFontSize="32rpx" bold="{{true}}" height="100rpx" paddingItem="0 22rpx 20rpx" activeColor="#333333" lineColor="#333333" color="#999999" scroll="{{false}}" tabs="{{['服务项目','案例图片']}}" value="{{sort}}" data-event-opts="{{[['^change',[['vtabschange']]],['^input',[['__set_model',['','sort','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-d1a56a78" bind:__l="__l"></v-tabs></view></view><block wx:if="{{sort==0}}"><view class="listmen data-v-d1a56a78"><block wx:for="{{serverList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="listItem data-v-d1a56a78"><serve-item vue-id="{{'4e7c8ec2-2-'+index}}" serItem="{{item}}" class="data-v-d1a56a78" bind:__l="__l"></serve-item></view></block></view></block><block wx:else><view class="listmen data-v-d1a56a78" style="column-count:3;column-gap:0;"><block wx:for="{{userData.casethumbs}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['lookImg',['$0',index],['userData.casethumbs']]]]]}}" class="imgitrm data-v-d1a56a78" bindtap="__e"><view class="imgbox data-v-d1a56a78"><image style="width:100%;height:100%;" src="{{item}}" mode="widthFix" class="data-v-d1a56a78"></image></view></view></block></view></block><view class="bpttombox dis-flex data-v-d1a56a78"><view data-event-opts="{{[['tap',[['navIndex',['$event']]]]]}}" style="flex:0.2;" bindtap="__e" class="data-v-d1a56a78"><view class="iconfont icon-home t-c data-v-d1a56a78" style="font-size:44rpx;"></view><view class="t-c f-20 data-v-d1a56a78">首页</view></view><view data-event-opts="{{[['tap',[['chat',['$event']]]]]}}" class="liaot data-v-d1a56a78" style="background-color:#FDAD28;" bindtap="__e">在线聊</view><view data-event-opts="{{[['tap',[['call',['$event']]]]]}}" class="liaot data-v-d1a56a78" style="background-color:#72AAFD;" bindtap="__e">电话联系</view></view></view>