151 lines
6.4 KiB
Plaintext
151 lines
6.4 KiB
Plaintext
<view id="ProjectDetails">
|
|
<view class="rotation">
|
|
<view class="top" >
|
|
<view class="left">
|
|
<view class="little_icon" bindtap="goBack">
|
|
<i class="iconfont icon-back" style="line-height: 48rpx;"></i>
|
|
</view>
|
|
</view>
|
|
<view class="right">
|
|
<view class="little_icon" bindtap="goHome">
|
|
<i class="iconfont icon-ai-home"></i>
|
|
</view>
|
|
<view class="little_icon" style="margin-left:15.04rpx;" bindtap="goMember">
|
|
<i class="iconfont icon-wode-wode"></i>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="ithumb">
|
|
<swiper indicator-dots="{{true}}" autoplay="{{false}}" circular="{{true}}" indicator-active-color="#007aff">
|
|
<swiper-item wx:if="{{project.goods_video}}">
|
|
<video style="width: 100%;height:100%;" src="{{project.goods_video}}" poster="{{project.video_image}}"></video>
|
|
</swiper-item>
|
|
<block wx:for="{{project.banner_imgs}}" wx:key="index" wx:for-item="ithumb" wx:for-index="index">
|
|
<swiper-item>
|
|
<image src="{{ithumb}}" mode='widthFix' />
|
|
</swiper-item>
|
|
</block>
|
|
<block wx:if="{{!project.banner_imgs}}">
|
|
<swiper-item>
|
|
<image src="{{project.thumb}}" mode='widthFix' />
|
|
</swiper-item>
|
|
</block>
|
|
</swiper>
|
|
</view>
|
|
<view class="project_title">
|
|
<view class="p">{{project.title}}</view>
|
|
</view>
|
|
<view class="project_list">
|
|
<van-tabs active="{{ active }}" bind:click="swichTabTItem">
|
|
<van-tab title="详情">
|
|
<view class="goods_content" >
|
|
<rich-text nodes="{{project.content}}" ></rich-text>
|
|
</view>
|
|
</van-tab>
|
|
<van-tab title="商品">
|
|
<view class="goodsList">
|
|
<view class="ul">
|
|
<view wx:for="{{goods}}" wx:key="index" bindtap="goGoodsBtn" data-id="{{item.id}}" class="li">
|
|
<view class="goods_left">
|
|
<image src="{{item.thumb}}" alt=""></image>
|
|
</view>
|
|
<view class="goods_right">
|
|
<view class="goods_name" style="-webkit-box-orient: vertical;">
|
|
{{item.title}}
|
|
</view>
|
|
<view class="goods_message">
|
|
<view class="left">¥{{item.price}}</view>
|
|
<view class="right">已售{{item.show_sales}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
<van-tab title="评价">
|
|
<view class="evaluate">
|
|
<view class="ul">
|
|
<view wx:for="{{commentList}}" wx:key="index" class="li">
|
|
<view class="evaluate_top">
|
|
<view class="evaluate_left" wx:if="{{item.head_img_url}}">
|
|
<image src="{{item.head_img_url}}" alt=""></image>
|
|
</view>
|
|
<view class="evaluate_right">
|
|
<view class="top">
|
|
<view class="left">
|
|
<view class="name">{{item.nick_name}}</view>
|
|
<view class="stella">
|
|
<van-rate
|
|
|
|
value="{{ item.project_level }}"
|
|
size="{{ 14 }}"
|
|
color="#ee0a24"
|
|
readonly
|
|
void-color="#c8c9cc"
|
|
void-icon="star"
|
|
/>
|
|
</view>
|
|
</view>
|
|
<view class="right">{{item.created_at}}</view>
|
|
</view>
|
|
<view class="bottom">
|
|
<view class="assess">{{item.content}}</view>
|
|
<view class="picture">
|
|
<view class="picture_li" wx:for="{{item.images}}" wx:key="indexChildren" wx:for-index="indexChildren" wx:for-item="itemChildren">
|
|
<image src="{{itemChildren}}" alt=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="evaluate_bottom">
|
|
<view class="many_reply" wx:if="{{item.has_many_reply && item.has_many_reply.length>0}}" >
|
|
<view wx:for="{{item.has_many_reply}}" wx:key="item.id" wx:for-item="items">
|
|
<view class="p" style="padding: 16rpx 1rem;text-align: left">
|
|
追加评论: {{items.content}}
|
|
</view>
|
|
<view class="imgflex">
|
|
<view wx:for="{{items.images}}" wx:key="index" wx:for-item="val">
|
|
<view class="photobox">
|
|
<image
|
|
src="{{val}}"
|
|
style="width: 100%;height:100%;object-fit: contain;"
|
|
></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="comment-time" style="text-align: left">{{items.created_at}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
<van-tab title="{{appointmentLang.service+'门店'}}">
|
|
<view class="store_list ul">
|
|
<view wx:for="{{store}}" wx:key="index" bindtap="toRouter" data-id="{{item.id}}" class="li">
|
|
<view class="store_list_left">
|
|
<image src="{{item.thumb}}" alt=""></image>
|
|
</view>
|
|
<view class="store_list_right">
|
|
<view class="top">
|
|
<view class="name">{{item.store_name}}</view>
|
|
<view class="distance">{{item.distance}}km</view>
|
|
</view>
|
|
<view style="display: flex"><text class="time">营业时间:{{item.business_hours_start}}-{{item.business_hours_end}}</text>
|
|
<view class="consult">咨询</view>
|
|
</view>
|
|
<view style="-webkit-box-orient: vertical;" class="address">
|
|
<i class="iconfont icon-icon_location" style="font-size:14px;color: #f4a82e;"></i>
|
|
{{item.address}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</van-tab>
|
|
</van-tabs>
|
|
</view>
|
|
</view>
|