Wex5仿微店代码学习与分析

浅浅的花香味﹌ 2022-09-24 06:29 18阅读 0赞

参考代码地址：  
[http://download.csdn.net/detail/zhengyikuangge/9587099][http_download.csdn.net_detail_zhengyikuangge_9587099]

--------------------

知识点总结（web前端均为属性设置，请参考代码）：

1、Contents与Content:  
Contents形成多页面，每个content包含一个页面,contents里可以添加多个content，除了第一页，其他的页面都是W文件

--------------------

2、Windowcontainer组件可加载其他W文件

--------------------

3、scorllView组件默认有三个div，一般在第二个div中添加数据

--------------------

4、Buttongroup组件：  
Buttongroup 形成多按钮，其中的按钮（属性：target）和Contents中的content设置属性关联组成切换卡，可滑动可点击

--------------------

5、加载本地json文件到data中：

var url = require.toUrl("./json/goodsData.json");
    //要注意文件路径
            $.ajaxSettings.async = false;
            $.getJSON(url, function(data) {
        
                event.source.loadData(data);
            });

操作过程：点击data，找到CustomRefresh事件，双击，加入上述代码。

--------------------

6、分割屏幕：  
![这里写图片描述][20160727173542759]  
例如List五五分屏幕：  
在li的class属性中，加上 col-xs-6

--------------------

7、media组件：  
图文结合组件，可上下，左右等

[http_download.csdn.net_detail_zhengyikuangge_9587099]: http://download.csdn.net/detail/zhengyikuangge/9587099
[20160727173542759]: /images/20220719/45f5d275e9404a97808b187deaa75056.png

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关微店API分享：获得微店商品详情 API 返回值说明

item\_get-获得微店商品详情 micro.item\_get 开发背景：随着移动互联网和电子商务的迅猛发展，微店成为了越来越多小微商家的选择，开

待我称王封你为后i/ 2024年03月22日 17:43/ 0 赞/ 53 阅读

相关 Wex5仿微店代码学习与分析

参考代码地址： [http://download.csdn.net/detail/zhengyikuangge/9587099][http_download.csdn.ne

浅浅的花香味﹌/ 2022年09月24日 06:29/ 0 赞/ 19 阅读

相关 WeX5仿账本代码学习与分析

参考代码地址： [http://download.csdn.net/detail/zhengyikuangge/9587097][http_download.csdn.ne

你的名字/ 2022年09月24日 06:19/ 0 赞/ 203 阅读

相关 WeX5基本使用浅析

1、目录分析（结构）： ![这里写图片描述][20160726222509274] UI2:UI，网页 Native:生成本地apk等 Baas:自带的服务

缺乏、安全感/ 2022年09月24日 06:16/ 0 赞/ 228 阅读

相关发布wex5到服务器步骤

1.D:\\WeX5\\WeX5\_V3.6\\runtime\\BaasServer 拷贝一份命名为 baas 2.编译UI工程smarthome到native 3.

Love The Way You Lie/ 2022年07月13日 00:25/ 0 赞/ 195 阅读

相关 wex5 生成动态轮播图代码

这是w文件下的代码 ![70][] js代码，生成一个数组后，复制一下方法就可以使用 var carousel = that.comp("carousel3")

水深无声/ 2022年05月16日 23:48/ 0 赞/ 193 阅读

相关 WeX5前端开发常见问题

官网文档：[http://docs.wex5.com/wex5-ui-question-list/][http_docs.wex5.com_wex5-ui-question-l

ゞ浴缸里的玫瑰/ 2022年03月08日 19:17/ 0 赞/ 232 阅读

相关 Wex5 popOver组件的使用

1.popOver是一个遮罩组件，包含两个div，第一个div（x-popOver-overlay）为遮罩的部分，要显示的内容写在第二个div（x-popOver-conten

一时失言乱红尘/ 2022年03月08日 15:57/ 0 赞/ 310 阅读

相关 WeX5 快速集成Echarts

官网文档：[http://docs.wex5.com/integrate-echarts/][http_docs.wex5.com_integrate-echarts] [

左手的ㄟ右手/ 2022年03月06日 14:20/ 0 赞/ 308 阅读

相关 wex5中SVN的使用方法

一、wex5 svn部署步骤： 1.打开SVNserver，右击repository新建 2.右击新建的项目，复制URL 3.打开wex5,将model重命名为\_

红太狼/ 2021年09月14日 02:10/ 0 赞/ 337 阅读