uniapp开发微信小程序遇到的问题
陈序媛圈圈
这个作者很懒,什么都没留下…
展开
-
h5图片上传
h5的图片上传组件,点击上传点弹出选择从相册上传或拍照上传,若当前项已有图片,点击X删除后可以重新上传。js代码,注释都写的很清楚。原创 2023-06-02 16:32:14 · 865 阅读 · 1 评论 -
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边需求是: 用户可根据自己的需求对工具箱进行改变位置,移动范围为整个屏幕上下移动。在屏幕滚动时,工具箱组件贴边隐藏,滚动停止后,进行显示。用到uniapp的内置组件movable-view和扩展组件uni-transition思路: 写两个盒子,一个用来装滑块样式,另一个用来装收起时吸附到侧边的样式,定义一个变量isOpen来控制滑块和收起样式的展示,监听页面滚动事件,滚动时isOpen=false,停止滚动后isOpen=true原创 2023-05-30 18:19:42 · 977 阅读 · 0 评论 -
文字内容超出两行时显示省略号
文字内容超出两行时显示省略号<view class="newsTitle"> 这里是一条很长很长很长的内容</view>设置内容超出两行显示省略号的css样式如下:.newsTitle{ width: 536rpx; //设置宽度 font-size: 32rpx; font-weight: 700; line-height: 52rpx; text-align: left; color: #333333; overflow: hidden; text-原创 2022-05-05 14:43:38 · 6060 阅读 · 0 评论 -
搜索框封装-微信小程序
搜索框封装-移动端一个移动端项目中的搜索框基本都是一样的,所以开发时,封装一个符合风格的搜索框还是有必要的,使用时直接引用组件就可以。下边是我自己封装的搜索框代码,新建一个SearchFor.vue文件把代码粘贴进去。使用时引入该组件,在你的搜索框代码位置写<search-for @searchEvt="searchEvt"></search-for> searchEvt方法的argument中就是你当前页面输入的搜索值,自己写好搜索方法就行。我的项目是uni-app开发的原创 2022-04-27 10:27:56 · 310 阅读 · 0 评论 -
微信小程序自定义顶部导航栏封装
微信小程序自定义顶部导航栏封装先在page.json中找到要自定义导航栏的页面,给"style"设置属性"navigationStyle":“custom”,设置后默认的导航栏就没有,我们就可以自定义了。下面是我自己封装的一个导航栏,用的是uni-app。<template> <view class="pageHead"> <view class="headContent"> <uni-icons v-if="backIcon" class="ba原创 2022-04-27 10:13:02 · 492 阅读 · 0 评论 -
flex布局实现均分,最后一行左对齐
flex布局实现均分,最后一行左对齐原理就是在末尾添加一个伪元素,伪元素内容设为空,伪元素宽设置跟其他元素相同。html:css:原创 2022-04-13 17:52:23 · 754 阅读 · 0 评论