tplus-ui-1 v1.0.6

商城

• 页面尽可能得使用nvue来写 为了适配app端带来得体验
• 适用于nvue页面的组件与工具（app端对应weex，不再是webview）；
• 纯flex布局，符合weex规范（兼容Vue页面只需要加几个display:flex即可）；
• 规范与统一，确保代码质量和开发效率；

• 细节开放到位，在好用和可灵活适配之间把握到位；

介绍

登录页面

软件架构

软件架构说明

css布局尽量尊循 weex 规范 ， 只能使用 display 布局

	/*  SCSS
	 *  
	 *	@include vue-flex(column);  
	 *	定义混入指令，用于在非nvue环境下的flex定义，因为nvue没有display属性，会报错
	 */
	@mixin vue-flex($direction: column) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* 默认:column  垂直显示，正如一个列一样。 */
		/* #endif */
		flex-direction: $direction;  /*  row|row-reverse|column|column-reverse  */
	}
	

#####js

	*. @tap.stop 阻止事件冒泡
	*.
	
	
	//强制刷新
	this.$forceUpdate();
	
	

#####不用使用的css

	*. 不可以使用 float  
	*. 不可以使用 display
	*. 不能使用 100% 单位 只能使用 rpx px 
	*. 布局不能使用百分比、没有媒体查询。 css选择器支持的比较少，只能使用 class 选择器   支持：是.test , .test2{}  不支持 : .test .test2{}    a{}
	*. 文字内容，必须、只能在<text>组件下。
	*. 只有text标签可以设置字体大小，字体颜色。 view不能设置文字大小 颜色 粗细等文字相关样式
	*. 不支持背景图
	*. 只可以使用v-if  不可以使用v-show
	*. 不支持page选择器
	*. 不支持 z-index 进行层级关系的设定，但是靠后的元素层级更高，因此，可以将层级高的元素放在靠后的位置
	*.	支持 background-color   不支持 background: #F8F8F8;
	*.
	*.
	

安装教程

1. xxxx
2. xxxx
3. xxxx

使用说明

1. 每个分包下都有一个 README.md 该文件用来描述当前模块的功能简述

参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

特技

1. 使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2. 官方博客 blog.gitee.com
3. 你可以 https://gitee.com/explore 这个地址来了解上的优秀开源项目
4. GVP 全称是最有价值开源项目，是综合评定出的优秀开源项目