设置尺寸自动转换
HBuilderX - 偏好设置 - 编辑器配置 - px转rpx/upx比例
750设计稿 - 比例750/750 = 1
350设计稿 - 比例 350/750 = 0.5
640设计稿 - 比例 640/750 = 0.85
设置完成后,在代码中写 100px时,会自动提示转换成相应数值
设备rpx换算px:屏幕宽度/750,px换算成rpx:750/屏幕宽度;
iPhone5 1rpx = 0.42px 1px = 2.34px ;
iPhone6 1rpx = 0.5px 1px = 2rpx ;
iPhone6s 1rpx = 0.552px 1px = 1.81rpx;
为什么vue组件的属性,有的需要加冒号“:”,有的不用?
加冒号的,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串字面量。
例如:
<my-progress :stroke-width="18" mycolor="orange" :text-inside="true" />
因为mycolor为字符串的字面量 而其他的属性不是number就是bool
swiper轮播图
- indicator-dots :是否显示面板指示点
- autoplay :是否自动切换
- interval :自动切换时间间隔
- indicator-color :指示点颜色
- indicator-active-color :当前选中的指示点颜色
- duration :滑动动画时长
- disable-touch :是否禁止用户 touch 操作
<template>
<view>
<swiper indicator-dots="true" autoplay="true" interval="2000">
<swiper-item>
<image src="../../static/logo.png" />
</swiper-item>
<swiper-item>
<image src="../../static/logo.png" />
</swiper-item>
<swiper-item>
<image src