本文實例為大家分享了微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動的具體代碼,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)建站自成立以來,一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設計、成都網(wǎng)站建設、成都網(wǎng)站設計、電子商務、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務。公司擁有豐富的網(wǎng)站建設和互聯(lián)網(wǎng)應用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團隊及專業(yè)的網(wǎng)站設計師團隊。效果圖:
wxml
<view class="pro-container"> <scroll-view class="left-menu" scroll-y scroll-with-animation="true" scroll-top="{{leftMenuTop}}"> <view class="menu-item {{index===currentActiveIndex?'menu-active':''}}" wx:for="{{item}}" wx:key="{{item.index}}" id="{{index}}" catchtap='changeMenu' >{{item.typename}}</view> </scroll-view> <scroll-view v-if="item!=''" class="right-pro" bindscroll = "scroll" scroll-y scroll-with-animation="true" scroll-top="{{rightProTop}}"> <view class="pro-item" wx:for="{{item}}"> <view class="item-header">{{item.typename}}</view> <view class="pro-item-container"> <view wx:for="{{item.shop_goods}}" wx:key="{{index}}" class="pro-item-item"> <image lazy-load="true" src="{{item}}"></image> <text>{{item.goodname}}</text> </view> </view> </view> </scroll-view> </view>
當前標題:微信小程序?qū)崿F(xiàn)購物頁面左右聯(lián)動-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源:http://muchs.cn/article24/djidje.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供用戶體驗、商城網(wǎng)站、網(wǎng)站制作、建站公司、小程序開發(fā)、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容