uniapp开发常用功能

1.页面带参数跳转

//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
    url: 'test?id=1&name=uniapp'//可进行字符串拼接
});

//在test.vue页面接受参数
export default {
    onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
        console.log(option.id); //打印出上个页面传递的参数。
        console.log(option.name); //打印出上个页面传递的参数。
    }
}

2.功能公用一个页面，根据上个页面传递过来的参数动态更改顶部标题

onLoad(option) {
			this.type = option.type;
			// 设置页面的标题栏名称
			uni.setNavigationBarTitle({
				title: option.type==1?'标题一':'标题二' //判断参数作为标题
			});
			}

3.优惠券虚线

        background-image: linear-gradient(#E9B5AA 40%, rgba(255, 255, 255, 0) 0%);
		/* 35%设置虚线点y轴上的长度 */
		background-position: right;
		/* right配置右边框位置的虚线 */
		background-size: 1px 12rpx;
		/* 第一个参数设置虚线点x轴上的长度；第二个参数设置虚线点的间距 */
		background-repeat: repeat-y;

4.自定义导航头部

//page.json设置值
"navigationStyle":"custom"

{
			"path": "pages/index",
			"style": {
				"navigationBarTitleText": "uni-app",
				"enablePullDownRefresh": true,
				"navigationStyle": "custom"
			}
		},