直接上代码,自己领悟吧,有不足这处请留言
wxml
<view class="detail_container">
<!-- 返回按键 -->
<x-back class="back"/>
<view class="topnav" hidden='{
{hiddenTopNav}}'>
<block wx:for="{
{topNavArray}}" wx:key='topnav'>
<view class="top-item">
<text class="{
{index==navActive?'active':''}}" bindtap='goToFloor' data-floor='f{
{index}}' data-index='{
{index}}'>{
{item}}</text>
</view>
</block>
</view>
<scroll-view scroll-y="true" scroll-into-view="{
{toView}}" scroll-with-animation="true" bindscroll="yScoll" style="height:{
{scrollHeight}}rpx;">
<!-- 商品图片播放 -->
<view id="f0" class="good_pic">
<x-swiper bind:onTouchImg="onTouchImg" swipers="{
{good}}" swiper="swiper"/>
</view>
<!-- 商品信息 -->
<view class="good_info item">
<view class="x-goodInfo">
<x-goodInfo good="{
{good}}" bind:onLike="onLike" />
</view>
</view>
<!-- 评论 -->
<view id="f1" class="good-comment good item