uniapp网络请求/轮播图/scroll-view

本文介绍了uniapp中如何进行尺寸自动转换,详细解析了vue组件中属性的使用规则,重点讲解了swiper轮播图和scroll-view的配置,包括它们的各项属性如indicator-dots、autoplay等。同时,阐述了uni.request发起网络请求的方法和参数,提供了接口请求的示例。
摘要由CSDN通过智能技术生成

设置尺寸自动转换

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
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值