在uni-app中有 rich-text 标签是自带解析富文本内容的，但是不是很完美，怎么说呢？比如富文本的代码块、图片宽度等都是无法控制的，那么现在就利用插件来解析，这个解析插件小编是利用图片、html语句以及代码块。 1.第一步：下载JS插件(名为richText.js)richText.js(点击下载) 2.第二步：在详情页里配置 info.vue是小编的详情页 3.在代码出添加插件的路径 var graceRichText = require("…/…/components/richText.js"); 4…
flex布局现在是挺常用的了，一般都是用于移动端开发，uni-app布局也是用flex的，当然布局也可以用浮动(float)布局. Flex布局定义 display:flex; 需要在父元素里定义flex属性声明。 注意:单单在父元素写上display:flex; 是不会换行的。 .fu{ display:flex; } 让子元素铺满 .fu{ display:flex; flex:1; } flex-wrap:wrap; (多个子元素宽度不够就会换行) .fu{ …
在程序开发中，经常需要遍历聚合中的所有属性。针对这种需求，JDK专门提供了一个接口 java.util.Iterator 。 想要遍历 Collection 集合，那么就要获取该聚合迭代器完成迭代操作，下面介绍一下获取迭代器的方法 public ITerator iterator():获取聚合对应的迭代器，用来遍历聚合中的元素。 下面介绍一下迭代的概念： 即Collection聚合元素的通用获取方式。在取元素之前先要判断集合中有没有元素，如果有，就把这个元素取出来，继续在判断，如果还有就再取出出来。一直把聚合中的所…
小编用uni-app做微信小程序的时候，请求到的图片链接路径有反斜杠，小程序是不允许有反斜杠的，在浏览器打开路径的话是自动转换的。 <template> <view> <!--图片路径是指通过ajax请求到的图片值--> <image src="图片路径 || formatUrl"></image> </view> </template> <script> export default { filters:{ //for…
uni-app监听输入框(input)的值，那监听他的值是干嘛用的呢？这个功能大多数是用于搜索(查找)这块的，小编相信都接触过很多程序，输入的时候下面的商品都变成搜索出来的了，并不是点击跳过页面查找页面的，就是用于这个功能的。 <template> <view> <view class="uni-common-mt"> <view class="uni-form-item uni-column"> <input placeholder="请输入" @input=…
什么是内部浏览器呢？小编在这里说一下，在mui中打开外部链接，就是内部浏览器，为什么要用内部浏览器呢？比如说在mui项目中定义个a标签跳转网址的时候，跳转后再点击返回，这时mui所做的APP就会出现闪退的情况，这时就可以用到这个内部浏览器了。 注意：此方法仅用于在APP上，不能用于浏览器上 。 内部浏览器他需要重新做一个目标文件(target.html)。 <!doctype html> <html> <head> .<meta charset="UTF-8"> .&…
图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件->视图容器->movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)，至于怎么做呢？ 用HBuilder X编辑器创建个uni-app项目 html代码 <template> <view> <view class="uni-padding-wrap uni-common-mt"> <movable-area scale-area&g…
这个用处的范围挺广的，用处：注册、登陆、搜索、提交(发布)文章等，小编就教大家uni-app如何获取输入框的内容 以下案例是用于登陆注册。 <view class="uni-form-item uni-column"> <view class="title">账号</view> <input class="uni-input" v-model="username" focus placeholder="请输入账号" /> </view> <view …
如果没有登录功能的时候下可以使用这个方法在微信小程序上获取用户名和头像的 <template> <view> <view class="tx-w"> <view class="tx"> <image class="tx-img" :src="yonghuwx.avatarUrl"></image> <view class="zx"></view> </view> <view class="name"&g…
最近小编一直在研究上拉加载的问题，此方法适合用于刚接触uni-app框架所有，(大神勿喷哈)上拉加载是需要看接口的，目前小编只发现了这两种写法，第一种写法接口链接后面的数字等于页数，第二个如果接口链接后面没有数字的情况下的话就是用data:{page:页数值}的写法了，加载的时候可以加一点效果，小编在这里就不加了。 //先定义page，用于存储自增的值 var page = 2; data() { return { list:[], loadingText:'加载中...' } }, //请求一下数据(注意此请求是…
替换class这个功能对于点击事件是比较常用的。 举个例子，移动端的菜单按钮就是用到这个功能的，点击按钮后添加个class，然后再加css动态效果，可以做出很好看的特效效果 添加:addClass(“class”) 删除:removeClass(“class”) $(document).ready(function(){ $(".class").click(function(){ //这是添加的，给class添加class2 $(".class").addClass(".class2"); //这是删除的，给cla…
最近评论
发布于 2 周前（04月07日）
发布于 2 个月前（02月13日）
发布于 4 个月前（12月21日）
发布于 4 个月前（12月19日）
发布于 5 个月前（11月11日）