weui手机移动商城app模板源码_weui模板资源-CSDN文库

共85个文件

js：22个

png：22个

html：17个

weui

移动商城

app

模板源码

5星 · 超过95%的资源需积分: 25 199 浏览量 2018-04-30 02:18:37 上传评论 1 收藏 1.43MB ZIP 举报

"weui手机移动商城app模板源码"是一个专为移动端设计的电商应用界面模板，基于WeUI框架构建，适用于开发手机鲜花商城应用程序。WeUI是微信官方设计团队推出的一套符合微信视觉规范的前端框架，它提供了丰富的组件和样式，能够帮助开发者快速构建与微信风格一致的移动端产品。中提到，这套模板采用的是绿色主题，旨在打造一个清新、自然的鲜花购买体验。作为手机鲜花商城网站模板，它包括了各个关键的页面，如首页、商品详情页、购物车、用户中心和订单管理等，方便用户浏览商品、下单购买以及查看订单状态。中的"weui"，代表了这个模板的核心技术，即WeUI框架。WeUI提供了诸如按钮、输入框、表格、导航栏、加载提示等基本组件，这些组件在移动商城应用中扮演着重要角色，确保了用户界面的一致性和易用性。"移动商城"则暗示了这个模板的应用场景，是为在线零售业务而设计的，特别是针对鲜花销售。"app"和"模板源码"表明这不仅是一个成品模板，还包含了源代码，开发者可以根据自身需求进行二次开发和定制。【压缩包子文件的文件名称列表】： - `index.html`：这是整个应用的入口文件，通常包含整个网站或应用的结构和主要导航元素。 - `detail`：这部分可能包含了商品详情页面的HTML文件和相关资源，用于展示商品的详细信息、图片、价格和购买选项。 - `code`：可能包含了CSS、JavaScript或者其他代码文件，用于实现模板的功能和交互效果。 - `public`：通常存放公共资源，如图片、字体、通用的CSS或JS文件等。 - `user`：这部分可能涉及到用户相关的页面，如登录、注册、个人中心、收货地址管理等。 - `order`：可能包含与订单处理相关的页面和逻辑，比如订单确认、支付、订单历史记录等。这套"weui手机移动商城app模板源码"提供了一个完整的移动电商解决方案，使用WeUI框架确保了界面的统一性和专业性，同时提供源代码使得开发者可以根据实际需求进行定制化开发。对于想要快速搭建一个鲜花销售类移动商城的开发者来说，这是一个非常有价值的资源。通过深入理解和调整这套模板，可以创建出符合自己品牌特色且用户体验优秀的移动应用。

资源推荐

资源详情

资源评论

收起资源包目录

weui手机移动商城app模板源码.zip （85个子文件）

detail

order-pay.html 3KB

index.html 2KB

order-address.html 2KB

order-start.html 2KB

address.html 2KB

code

index.html 3KB

public

images

codeBg.jpg 135KB

icon1.jpg 24KB

n-sel.png 1KB

list

c-1.jpg 193KB

view1.jpg 101KB

swiper

s-2.jpg 43KB

d-1.jpg 171KB

s-1.jpg 43KB

d-3.jpg 171KB

d-2.jpg 171KB

s-3.jpg 43KB

view2.jpg 63KB

icon

user.png 5KB

i-4.png 838B

home.png 4KB

code.png 3KB

i-1.png 196B

u-3.png 6KB

home-sel.png 4KB

order.png 42KB

u-9.png 838B

order-sel.png 45KB

u-2.png 55KB

i-2.png 3KB

user-sel.png 5KB

u-5.png 5KB

code-sel.png 3KB

u-7.png 7KB

u-8.png 47KB

u-6.png 5KB

u-4.png 425B

u-1.png 6KB

user.jpg 8KB

sel.png 1KB

code.jpg 16KB

data

detail

index.js 2KB

order-start.js 237B

address.js 1KB

order-pay.js 237B

code

index.js 3KB

user

gold.js 786B

gold-log.js 780B

index.js 348B

money-log.js 780B

detail.js 2KB

address.js 468B

money.js 774B

sale-log.js 780B

integral-log.js 780B

index.js 2KB

order

index.js 5KB

jquery

weui.js 157KB

jquery.js 182KB

flexible.js 3KB

swiper.js 164KB

city-picker.js 339KB

template.js 4KB

css

app

detail

address.css 3KB

order-pay.css 2KB

index.css 2KB

order-start.css 2KB

code

index.css 2KB

user

index.css 7KB

order

index.css 3KB

index.css 1KB

jquery-weui.min.css 66KB

weui.min.css 56KB

base.css 9KB

user

detail.html 3KB

money.html 2KB

integral-log.html 13KB

index.html 6KB

money-log.html 5KB

gold-log.html 12KB

gold.html 2KB

address.html 3KB

sale-log.html 11KB

order

index.html 12KB

index.html 4KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta content="telephone=no,email=no" name="format-detection"> <meta name="wap-font-scale" content="no"> <title>商城</title>  <link href="../public/css/weui.min.css" rel="stylesheet" type="text/css" /> <link href="../public/css/jquery-weui.min.css" rel="stylesheet" type="text/css" />  <link href="../public/css/base.css" rel="stylesheet" type="text/css" />  <link href="../public/css/app/user/index.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main bot44"> <div class="weui-tab"> <div class="weui-navbar"> <a class="weui-navbar__item weui-bar__item--on" href="#tab1"> 全部积分 </a> <a class="weui-navbar__item" href="#tab2"> 自买积分 </a> <a class="weui-navbar__item" href="#tab3"> 一级积分 </a> <a class="weui-navbar__item" href="#tab4"> 二级积分 </a> <a class="weui-navbar__item" href="#tab5"> 三级积分 </a> </div> <div class="weui-tab__bd"> <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active"> <div class="user-log"> <div class="user-title">当前积分：<span>4200</span></div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">日志</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">变化</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">余额</p> </li> </div> <div class="weui-list"> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> </div> </div> </div> <div id="tab2" class="weui-tab__bd-item"> <div class="user-log"> <div class="user-title">当前积分：<span>2000</span></div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">日志</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">变化</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">余额</p> </li> </div> <div class="weui-list"> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> </div> </div> </div> <div id="tab3" class="weui-tab__bd-item"> <div class="user-log"> <div class="user-title">当前积分：<span>1000</span></div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">日志</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">变化</p> </li> <li class="weui-grid js_grid"> <p class="weui-grid__label">余额</p> </li> </div> <div class="weui-list"> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p> <p class="weui-grid__label">2017-03-29</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label ">+1600</p> </li> <li class="weui-grid js_grid p20"> <p class="weui-grid__label">1600</p> </li> </div> <div class="weui-grids"> <li class="weui-grid js_grid w50"> <p class="weui-grid__label">自买商品 E88JJKSDAKLL</p

评论收藏

内容反馈