WEX5 学习笔记（五）

最新推荐文章于 2021-10-20 14:51:05 发布
最新推荐文章于 2021-10-20 14:51:05 发布
阅读量312 收藏
点赞数
分类专栏： WEX5 APP学习笔记 文章标签： WEX5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33906416/article/details/97951123
版权
本文介绍了WEX5中如何使用contents组件创建多内容页，并结合buttonGroup组件实现导航功能。通过右键添加contents和buttons，可以创建标准的APP样式。按钮的样式包括卡片风格和排列方式，同时讲解了target属性与contents页面的对应，以及如何设置默认选中的按钮状态。
摘要由CSDN通过智能技术生成

contents 多内容页组件。默认一个需要多个只要在组件上点右键 填加contents就行。
buttonGrounp 多按钮组件 。默认一个都没有 如果用几个就点右键填加几个
一般这两个组件都是组合来用 标准的APP多内容页多导航的的方法。
buttonGrounp的按钮的按钮的样式 风格 x-card是卡片风格 排列方式 btn-group-justified 容空填满 这两个
一般用来做底布的导航。
buttonGround 的按钮里有个target属性可以跟contents

最低0.47元/天 解锁文章
qq_33906416
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WeX5入门记录
等一杯咖啡的博客
10-16 1453
WeX5入门记录环境搭建 环境下载：WeX5_V3.7正式版 教程文档：入门教程 运行官方Demo 视频演示：运行WeX5的demo(视频) 遇到问题： 解决方案：修改build.properties文件，将offline=false注释取消。 开发工具使用 开发环境IDE的使用(视频) 基于eclipse的IDE; 菜单栏WeX5文档：Api文档、开发论坛、开发指南、文档中心、新手指南; 窗口——
关于WeX5的初步学习
weixin_34319640的博客
05-31 438
什么是APP 自从手机苹果系统IOS和安卓系统AnDroid进行发布以后，互联网就多了一个此APP(运行在智能移动终端设备第三方应用程序)。 最早的App有两种形态：1.基于本地（操作系统）运行的App;2.基于浏览器运行的WebApp. 后来随着HTML5的出现，基于HTML5低成本跨平台开发优势又兼具本体App特质的混合模式移动应用（Hybrid App)迅速兴起。 什么是weX5 weX5是...
wex5 buttonGroup设置
pursuingyu的博客
03-19 570
wex5开发页面时，若在页面底部放置buttonGroup组件时，其默认的样式如下图： 如果想要按钮组能适应地与页面等宽，需要设置buttonGroup的class属性，如下图所示： 设置完成后就能看到适应的页面，浏览器运行结果如下图所示： ...
Wex5动态创建组件---按钮组件
weixin_37981475的博客
12-09 376
Model.prototype.button1Click = function(event){//创建组件的触发事件 //====================================================================================== var Button = require("$UI/system/components/justep/button/button");//先引入JS文件 var parentNode = this.get.
使用wex5得到的一些教训
weixin_30394633的博客
08-15 519
　　博主一直都是做web开发，前段时间有个小想法，想给自己做个android小应用（很小，功能特别简单）。 了解到可以用js直接做，貌似很简单，选用了wex5（基于codova插件）来直接开发。 　　最终发现比直接用java踩到的坑还多，这里总结下： 1、在w文件中写的css会被做加工，可能产生问题。 　　我在里面写了个h5动画效果，单独代码抽出来可以使用，放到wex5中就是不...
java学习笔记总结
04-02
这份“java学习笔记总结”涵盖了作者在深入学习Java过程中积累的知识点和实践经验，旨在帮助读者理解和掌握Java的核心概念。 首先，Java的基础部分包括语法、变量、数据类型、运算符和流程控制。Java支持八种基本...
学习笔记学习笔记学习笔记
01-29
学习笔记学习笔记学习笔记
MySQL进阶篇学习笔记
最新发布
05-14
黑马MySQL课程总结的学习笔记
docker学习笔记.pdf
10-15
docker学习笔记，学习docker时做的学习笔记，有例子
Java基础 学习笔记 Markdownr版
06-27
本学习笔记主要涵盖了Java的基础知识，包括面向对象、集合、IO流、多线程、反射与动态代理以及Java 8的新特性等方面，旨在帮助初学者或有经验的开发者巩固和提升Java编程技能。 1. 面向对象（OOP）：Java的核心是...
Wex5与SpringMVC结合框架
07-31
Wex5与SpringMVC结合框架,只供参考，没有树Tree、分页page例子 有需要的可以自己开发
wex5学习笔记1（问题记录及解决方案）
rangpin的博客
08-09 466
第一天接触wex5，按照官网教程的外卖案例进行尝试时，遇到了不少问题，好在基本上都解决了，现记录如下。 针对win10下wex5界面显示不全的解决方案 方案一：尝试在软件 窗口/首选项/常规/外观 中进行调节，发现并没 有什么用。 方案二：然后检查系统字体大小是否为100%，桌面右键单击/显示设置/缩放与布局/100%（调节之后重启软件发现问题解决了，但是软件界面包括文字等都变小了，总...
WEX5 学习笔记（八）
天才李晓晓的
08-03 217
Bootstrap栅格系统 media组件 用来现实左图是图片右图是文字的布局 他分两部分 一边是left一边是BODY. 栅格系统 是Bootstrap的样式 所以一般放在class 也就是在样式里设置 col-xs-6 就是双列列表 。 设置成3就是三列列表 设置成4就是4列列表。 ...
wex5 教程 之 图文讲解 后台管理界面设计与技巧
chuibang3834的博客
11-08 383
视频教程地址：http://v.youku.com/v_show/id_XMTgwOTAyMTkyMA==.html?from=s1.8-1-1.2&spm=a2h0k.8191407.0.0 一.效果演示： 管理员登陆 演示地址：http://ch-app.c...
WEX5学习笔记2021-10-20
weixin_37981475的博客
10-20 149
WEX5学习笔记1.页面跳转1.1.1打开页面1.1.2关闭页面1.2.1打开对话框 1.页面跳转 1.1.1打开页面 Shell 负责打开页面，并且管理所有通过 Shell 打开的页面；在同一时刻，允许多个页面同 时运行，有且只有一个活动页面（即当前页面）。Shell 不仅可以打开页面，并且可以传参，还 可以关闭页面。  打开页面并传参 使用 Shell 的 showPage 方法打开页面，该方法有两个参数 url 和 params。其中，url 表示 打开的页面，可以使用绝对路径，或者使用在 Shel
wex5去除同一行两个相邻button的空隙问题
蒹葭苍苍
02-06 826
产生原因和解决方案:因为div是块级元素，由于div标签之间有空格和换行，而这些不可见的字符会导致块级元素出现间隙，因为他们是有浏览器的默认字体大小的，清除块级元素间隙的方法是，设置其字体大小为0，我们可以加上以下样式解决： div {     font-size: 0px; } 设置完成后button之间的空隙即可消除。
WeX5入门第一步（预备篇）
sinat_29485667的博客
09-15 2363
大家都知道H5很火，WeX5是起步公司开发的H5 App开发工具，Apache开源，免费开放所有代码，所开发的应用均能“一秒打开”！对跨平台多前端应用开发的支持极好，一次开发，多平台运行。
在WeX5上使用UEditor方法
noahgeek的博客
11-23 695
在WeX5上使用UEditor方法 (在WeX5 V3.7，UEditor JSP 1.4.3版本上测试通过。) 1、先按官网：http://fex.baidu.com/ueditor/#server-jsp 的方法安装UEditor。 2、修改UEditor目录下的ueditor.config.js，添加代码： window.UEDITOR_HOME_URL =
JavaEE全栈学习笔记
"这是一份综合性的JavaEE学习笔记，由作者续祥整理，涵盖了从基础的Java知识到JavaEE的深入内容，还包括了Unix、Core Java、Java 5.0(Tiger)的新特性、XML以及Oracle数据库的相关学习资料。笔记详细介绍了各个主题的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值