You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
hunjianghu/LL/company1-master/pages/detail/detail.wxml

214 lines
7.0 KiB

<!--detail.wxml-->
<view id="details">
<view class="banner">
<image src="/images/detail.jpg"></image>
</view>
<view class="detail">
<view class="product_top">
<view class="name_share flexRowBetween" style="align-items:center;">
<view class="product_name avoidOverflow" style="width:80%;">
网站开发高端定制网站开发高端定制网站开发高端定制网站开发高端定制网站开发高端定制网站开发高端定制x
</view>
<view style="width:20%;text-align:right;">
<image src="/images/share.jpg"></image>
</view>
</view>
<view class="guarantee flexRowBetween">
<text>【售后保障1】</text><text>【售后保障1】</text>
</view>
<view class="price_sale flexRowBetween">
<view class="price">
¥5000.00元
</view>
<view class="sale">
销量2888笔
</view>
</view>
</view>
<view class="choose flexRowBetween" bindtap="goBuy">
<view class="choose_left flexRowBetween" style="width:80%;overflow:hidden;">
<text class="text1" style="{{fonts[2].font}}">请选择</text>
<view style="{{fonts[2].font}};color:#666;">基本展示 基本展示</view>
</view>
<view class="next_page" style="width:20%;text-align:right;">
<image src="/images/next_page.jpg"></image>
</view>
</view>
<view class="detail_comment flexRowBetween">
<view class="detail {{tabCurrent == 0?'detail_select':''}}" data-current="0" bindtap="select_this">
详情
</view>
<view class="comment {{tabCurrent == 1?'detail_select':''}}" data-current="1" bindtap="select_this">
评价
</view>
</view>
<view class="detail_show">
<view id="detail" style="{{tabCurrent == 0?'display:block':'display:none'}}">
<image src="/images/detail1.jpg"></image>
<!--
<view class="video" style="z-index:0;">
<video style="width: 100%;height:350rpx;margin:1px;z-index:0;" src="" binderror="videoErrorCallback"></video>
</view> -->
</view>
<view id="comment" style="{{tabCurrent == 1?'display:block':'display:none'}}">
<view class="good_com flexRowBetween">
<view class="comment_number">
评价(120)
</view>
<view class="good_percent">
<text>好评率</text>
<text class="percent">99%</text>
<image src="/images/next_page.jpg"></image>
</view>
</view>
<view class="comment_list ">
<view class="flexRowBetween" style="align-items:center;">
<view class="comment_user" style="display:flex;align-items:center;">
<view class="user_img">
<image src="/images/user1.jpg"></image>
</view>
<view class="txts" style="height:58rpx;">
<view class="text1">米桃子</view>
<view class="text2">2015.3.2</view>
</view>
</view>
<view class="star flexRowBetween">
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
</view>
</view>
<view class="comment_cont">
很满意的一次购物很满意的一次购物很满意的一次购物
很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物很满意的一次购物
</view>
</view>
<view class="comment_list ">
<view class="flexRowBetween" style="align-items:center;">
<view class="comment_user" style="display:flex;align-items:center;">
<view class="user_img">
<image src="/images/user1.jpg"></image>
</view>
<view class="txts" style="height:58rpx;">
<view class="text1">米桃子</view>
<view class="text2">2015.3.2</view>
</view>
</view>
<view class="star flexRowBetween">
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
</view>
</view>
<view class="comment_cont">
很满意的一次购物很满意的一次购物很满意的一次购物
</view>
</view>
<view class="comment_list ">
<view class="flexRowBetween" style="align-items:center;">
<view class="comment_user" style="display:flex;align-items:center;">
<view class="user_img">
<image src="/images/user1.jpg"></image>
</view>
<view class="txts" style="height:58rpx;">
<view class="text1">米桃子</view>
<view class="text2">2015.3.2</view>
</view>
</view>
<view class="star flexRowBetween">
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
<image src="/images/star.jpg"></image>
</view>
</view>
<view class="comment_cont">
很满意的一次购物很满意的一次购物很满意的一次购物
</view>
</view>
</view>
</view>
</view>
<view class="{{isShow?'mask':''}}"></view>
</view>
<view id="buy">
<view class="buy_click">
<view class="consult">
<image src="/images/kefu1.png"></image>
<view class="text1">客服</view>
</view>
<view class="consult collect">
<image src="/images/collect.png"></image>
<view class="text1">收藏</view>
</view>
<view class="go_buy flexRowBetween" bindtap="goBuy">
<view class="shoppingCart">
加入购物车
</view>
<view class="go_pay">
立即购买
</view>
</view>
</view>
</view>
<view id="choose" class="{{isShow?'sildeIn':'slideOut'}}">
<view class="flexRowBetween pricity">
<view class="choose_pro">
<image src="/images/choose_pro.jpg"></image>
</view>
<view class="product_txt">
<view class="pro_name">公众号管理</view>
<view class="pro_type">
个性化定制
</view>
<view class="price_choose">
¥3999
</view>
</view>
<view class="close" bindtap="close">
<image src="/images/close.jpg"></image>
</view>
</view>
<view id="type" class="flexRowBetween">
<view class="pro_type" >
类型
</view>
<view class="pro_types" data-type="0" bindtap="chooseType" style="{{chooseType == 0?'background:#21c3d4;color:#fff;':'' }}">
模板
</view>
<view class="pro_types" data-type="1" bindtap="chooseType" style="{{chooseType == 1?'background:#21c3d4;color:#fff;':'' }}">
定制
</view>
</view>
<view id="type" class="flexRowBetween">
<view class="pro_type" >
售后
</view>
<view class="pro_types" data-type="0" bindtap="chooseType1" style="{{chooseType1 == 0?'background:#21c3d4;color:#fff;':''}}">
</view>
<view class="pro_types" data-type="1" bindtap="chooseType1" bindtap="chooseType1" style="{{chooseType1 == 1?'background:#21c3d4;color:#fff;':''}} ">
</view>
</view>
<view class="choose_number flexRowBetween">
<view class="number_txt">
数量
</view>
<view class="edit_number flexRowBetween">
<view class="minus" style="line-height:45rpx;">-</view>
<view class="number">1</view>
<view class="add">+</view>
</view>
</view>
</view>