微信小程序

微信小程序

标签

1. view - div—视图容器
   
   详情链接 : 跳转
2. text - span—基础内容
   
   详情链接: 跳转
3. image - img —媒体组件
   rpx : 机型适配(响应式)单位
   
   详情链接 : 跳转
4. navigator - a 超链接
   
   详情链接 : 跳转
5. 滚动视图 (左右滑动块儿)
   红框中的部分(scroll-x:开启滑动, scroll-left=大小 :初始位置)
   

 <scroll-view>
	<view>
		<view>图标元素1</view>
		<view>图标元素2</view>
		<view>图标元素3</view>
		<view>图标元素4</view>
	</view>
</scroll-view>

详情链接 : 跳转

5. swiper 轮播组件
   

<swiper>
<swiper-item>元素1</swiper-item>
<swiper-item>元素2</swiper-item>
<swiper-item>元素3</swiper-item>
</swiper>

详情链接 : 跳转

6.button 表单:按钮

详情链接 : 跳转

框架

配置

框架–>小程序配置

1. 全局配置(项目的app.json)

• pages:文件路径(可配置首页,将页面放到最上面)
• window:

1. backgroundTextStyle: 下拉loading的颜色 "dark"黑夜,"light"白天,刷新状态的那三个小点点
2. navigationBarBackgroundColor::导航栏背景颜色(16进制) 默认#000000
3. navigationBarTitleText: 标题内容
4. navigationBarTextStyle: 标题颜色 只支持白色和黑色英文单词
5. backgroundColor: 窗口背景颜色(16进制) 默认#ffffff 下拉刷新时露出部分的颜色
6. enablePullDownRefresh: 开启全局下拉刷新

• tabBar: 底部table栏的表现(数组,最少两个实例) pagePath(必须):链接领 text:显示名称 color(数组外,数组同级):字体颜色
  -api – 示例demo