网上商城小程序代码

实例介绍

【实例简介】网上商城小程序代码

【实例截图】

from clipboard

		<view> 
	
		  <!-- <text class="iconfont icon-gouwuche"></text> --> 
	
		  <!-- 搜索框 --> 
	
		  <Searchinpot/> 
	
		  <!-- 轮播图 --> 
	
		  <view class="index-swiper"> 
	
		    <swiper autoplay indicator-dots circular> 
	
		      <swiper-item wx:for="{{swiper}}" wx:key="goods_id"> 
	
		        <navigator url="../goods_detail/goods_detail?agid={{item.goods_id}}"> 
	
		          <image mode="widthFix" src="{{item.image_src}}"></image> 
	
		        </navigator> 
	
		      </swiper-item> 
	
		    </swiper> 
	
		  </view> 
	
		  <!-- 导航 --> 
	
		  <view class="index-cate"> 
	
		    <navigator wx:for="{{cate}}" wx:key="{{name}}" url="../category/category" open-type="switchTab"> 
	
		      <image mode="widthFix" src="{{item.image_src}}"></image> 
	
		    </navigator> 
	
		  </view> 
	
		  <!-- 楼层 --> 
	
		  <view class="index-floordata"> 
	
		    <view 
	
		     class="floordata-group" 
	
		     wx:for="{{floordata}}" 
	
		     wx:key="floor_title" 
	
		     wx:for-item="item1" 
	
		     wx:for-index="index1" 
	
		    > 
	
		      <view class="floordata-title"> 
	
		        <image mode="widthFix" src="{{item1.floor_title.image_src}}"></image> 
	
		      </view> 
	
		      <view class="floordata-list"> 
	
		        <navigator 
	
		        wx:for="{{item1.product_list}}" 
	
		        wx:key="name" 
	
		        wx:for-item="item2" 
	
		        wx:for-index="index2" 
	
		        url="../goods_list/goods_list?query={{item2.name}}" 
	
		        > 
	
		        <image mode="{{index2==0?'widthFix':'scaleToFill'}}" src="{{item2.image_src}}"></image> 
	
		        </navigator> 
	
		      </view> 
	
		    </view> 
	
		  </view> 
	
		</view> 
	
【核心代码】

.
├── miniprogram-7
│ ├── app.js
│ ├── app.json
│ ├── app.wxss
│ ├── components
│ │ ├── Searchinpot
│ │ │ ├── Searchinpot.js
│ │ │ ├── Searchinpot.json
│ │ │ ├── Searchinpot.wxml
│ │ │ └── Searchinpot.wxss
│ │ ├── Tabs
│ │ │ ├── tabs.js
│ │ │ ├── tabs.json
│ │ │ ├── tabs.wxml
│ │ │ └── tabs.wxss
│ │ └── Upimg
│ │ ├── upimg.js
│ │ ├── upimg.json
│ │ ├── upimg.wxml
│ │ └── upimg.wxss
│ ├── icons
│ │ ├── cart-o.png
│ │ ├── cart_20190818_110336.png
│ │ ├── category-o.png
│ │ ├── category.png
│ │ ├── home-o.png
│ │ ├── home.png
│ │ ├── my-o.png
│ │ ├── my.png
│ │ └── timg.gif
│ ├── lib
│ ├── network
│ │ ├── api.js
│ │ └── fetch.js
│ ├── pages
│ │ ├── auth
│ │ │ ├── auth.js
│ │ │ ├── auth.json
│ │ │ ├── auth.wxml
│ │ │ └── auth.wxss
│ │ ├── cart
│ │ │ ├── cart.js
│ │ │ ├── cart.json
│ │ │ ├── cart.wxml
│ │ │ └── cart.wxss
│ │ ├── category
│ │ │ ├── category.js
│ │ │ ├── category.json
│ │ │ ├── category.wxml
│ │ │ └── category.wxss
│ │ ├── collect
│ │ │ ├── collect.js
│ │ │ ├── collect.json
│ │ │ ├── collect.wxml
│ │ │ └── collect.wxss
│ │ ├── feedback
│ │ │ ├── feedback.js
│ │ │ ├── feedback.json
│ │ │ ├── feedback.wxml
│ │ │ └── feedback.wxss
│ │ ├── goods_detail
│ │ │ ├── goods_detail.js
│ │ │ ├── goods_detail.json
│ │ │ ├── goods_detail.wxml
│ │ │ └── goods_detail.wxss
│ │ ├── goods_list
│ │ │ ├── goods_list.js
│ │ │ ├── goods_list.json
│ │ │ ├── goods_list.wxml
│ │ │ └── goods_list.wxss
│ │ ├── index
│ │ │ ├── index.js
│ │ │ ├── index.json
│ │ │ ├── index.wxml
│ │ │ └── index.wxss
│ │ ├── login
│ │ │ ├── login.js
│ │ │ ├── login.json
│ │ │ ├── login.wxml
│ │ │ └── login.wxss
│ │ ├── order
│ │ │ ├── order.js
│ │ │ ├── order.json
│ │ │ ├── order.wxml
│ │ │ └── order.wxss
│ │ ├── pay
│ │ │ ├── pay.js
│ │ │ ├── pay.json
│ │ │ ├── pay.wxml
│ │ │ └── pay.wxss
│ │ ├── search
│ │ │ ├── search.js
│ │ │ ├── search.json
│ │ │ ├── search.wxml
│ │ │ └── search.wxss
│ │ └── user
│ │ ├── user.js
│ │ ├── user.json
│ │ ├── user.wxml
│ │ └── user.wxss
│ ├── project.config.json
│ ├── project.private.config.json
│ ├── request
│ ├── sitemap.json
│ ├── styles
│ │ └── style.wxss
│ └── utils
│ └── util.js
└── 网上商城小程序.zip

25 directories, 84 files

标签： 商城

实例下载地址

点此下载实例

不能下载？内容有错？点击这里报错 + 投诉 + 提问

好例子网口号：伸出你的我的手 — 分享！

网友评论

我要评论

小贴士

感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。

类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见版权及免责申明

网上商城小程序代码

同类人气实例

实例介绍

实例下载地址