uni-app
神之凝视
这个作者很懒,什么都没留下…
展开
-
uni-app基础知识【rich-text、progress】
一.rich-text富文本【很少使用】注意:app-nvue 平台 nodes 属性只支持使用 Array 类型。支付宝小程序 nodes 属性只支持使用 Array 类型。如果需要支持 HTML String,则需要自己将 HTML String转化为 nodes 数组,可使用 html-parser 转换。支持默认事件,包括:click、touchstart、touchmove、touchcancel、touchend、longpress。nodes 属性推荐使用 Array 类型,由原创 2020-06-10 20:40:16 · 1641 阅读 · 0 评论 -
uni-app基础知识【icon、text】
一.icon图标备注:由于icon组件各端表现存在差异,可以通过使用字体图标的方式来弥补各端差异。二.icon图标案例<view class="lab">图标</view><view> <icon class="icon" type="success"></icon> <icon class="icon" type="warn"></icon> <icon class="icon" type="do原创 2020-06-09 20:56:48 · 1524 阅读 · 0 评论 -
uni-app之video视频组件
一.平台差异说明二.属性说明备注:video默认宽度 300px、高度 225px,可通过 css 设置宽高。三.案例实战1.video界面<view class="page"> <video class="video" id="demoVideo" :controls="false" :enable-progress-gesture="false" :show-center-play-btn="disable" src="https://img.cdn.ali原创 2020-06-04 17:31:26 · 34057 阅读 · 18 评论 -
微信小程序修改主页名称【默认WeChat】
一.初始状态二.修改相关配置修改app.json的一下内容:三.效果原创 2020-06-04 17:07:38 · 853 阅读 · 0 评论 -
uni-app视图容器【cover-view、cover-image】
一.cover-view简介覆盖在原生组件上的文本视图。小程序框架为了优化体验,部分组件如map、video、textarea、canvas通过原生控件实现,原生组件层级高于前端组件,为了能正常覆盖原生组件,设计了cover-view。支持的事件:click二.cover-image简介覆盖在原生组件上的图片视图。可覆盖的原生组件:video、map支持的事件:click不支持的 CSSposition: fixedopacityoverflowpaddinglinebr原创 2020-06-03 17:05:58 · 15622 阅读 · 1 评论 -
uni-app视图容器之movable-view
一.简介movable-view:可移动的视图容器,在页面中可以拖拽滑动。movable-area:movable-view 的可移动区域,movable-view 的父级,必须设置width和height属性,不设置默认为10px。二.属性说明1.movable-area属性说明:2.movable-view属性说明:除了基本事件外,movable-view提供了两个特殊事件:htouchmove:初次手指触摸后移动为横向的移动,如果catch此事件,则意味着touchmove事件也被原创 2020-05-31 12:20:22 · 7488 阅读 · 0 评论 -
uni-app使用滑动视图容器实现图片轮播【swiper】
一.简介swiper:滑块视图容器,就是我们常用的轮播图。swiper-item:仅可放置在 组件中,宽高自动设置为100%,唯一属性item-id,String类型,表示该 swiper-item 的标识符。属性说明:特点:change事件返回 detail 中包含一个 source 字段,表示导致变更的原因,值:autoplay 自动播放导致swiper变化touch 用户划动引起swiper变化其他原因将用空字符串表示二.代码实现1.界面<swiper class=原创 2020-05-28 20:29:42 · 4450 阅读 · 0 评论