草庐IT

uniapp 使用 uni-data-picker级联选择器,自定义展示,uni小程序

uniapp使用uni-data-picker级联选择器,多级选择,自定义展示先看效果是不是你要的效果页面组件 uni-data-pickerplaceholder="请选择" v-model="jiduvalue" :localdata="jidurange" @change="changejidu" :step-searh="false" :preload="true"> /uni-data-picker> 接口数据 jiduvalue:0, jidurange:[], data:[ { year:'2022', value:1, child

uniapp中解决swiper高度自适应内容高度

起因:uniapp中swiper组件swiper标签存在默认高度是height:150px;高度无法实现由内容撑开,在默认情况下,swiper盒子高度显示总是150px解决办法思路:动态设置swiper盒子的高度,故需要获取swiper-item盒子中内容的高度,然后动态的将此盒子的高度赋值给swiper盒子的高度方法:template中的内容: {{tab.cat_name}} {{itemA.name}}-->

uniapp设置手机通知权限以及uniapp-push2.0推送

unipush2.0代码exportdefaultfunction(){ //调用获取用户通知权限 setPermissions() //获取客户端唯一的推送标识,可用于测试 uni.getPushClientId({ success:(res)=>{ console.log(res.cid) }, fail(err){ console.log(err) } }) //监听推送 uni.onPushMessage(res=>{ uni.createPushMessage({ title:res.data.title, content:res.data.name,

Uniapp微信小程序实现简易生成表单生成器

在开发一些填报小程序,一些小型办公小程序的时候,难免会遇到较多的需要填写的表单信息,纯手撸表单耗时耗力。TIP:类似于这种十种类型的表单,每种类型的表单并不一样下面将分为三个部分一、创建对应类型表单的结构体下面是新建商机的表单结构体字段详情看注释//新建商机exportfunctionOppor(){ return[{ label:'客户名称',//表单label文字 key:'customer',//表单对应的字段属性名 name:'customername',//下拉选项中文名的属性名 id:'customerid',//下拉选项的id属性名 formType:'sel

带你用uniapp从零开发一个仿小米商场_6. 配置uniapp项目底部导航栏tabbar

uniapp底部tabbar介绍在uni-app中,底部tabbar是一种常见的导航方式,它可以让用户在应用的不同页面之间进行切换。通过tabBar配置项,开发者可以指定一级导航栏和tab切换时显示的对应页。在底部tabbar中,每个tab都有一个页面路径(pagePath)和对应的图标路径(iconPath),以及被选中时的图标路径(selectedIconPath)。开发者还可以为tab设置文字,以方便用户更好地理解每个tab的作用。此外,tabBar的list中配置的每个tab,展现过一次后就会保留在内存中,当再次切换tab时,只会触发每个页面的onShow,而不会再触发onLoad。这

uniapp编译微信小程序富文本rich-text的图片样式不生效原因

this.detail.contents=this.detail.contents.replace(/\开始采用这个replace方法,编译后h5中生效,微信小程序中不生效详细查看代码,是因为在后台增加文章的时候,富文本编辑器自动给图片设置了宽度,导致在小程序中的替换虽然成功了,但是不生效修改思路:先把rich-text中的style属性替换掉,然后再替换想要的样式,也就是通过两次replace实现,代码如下this.detail.contents=this.detail.contents//这里把img里面的style替换成空.replace(/(style="(.*?)")|(wi

uniapp 微信小程序 自定义弹框+picker下拉选择列表+输入表单:拒绝-选择理由弹窗

效果:1、template!--拒绝-选择理由弹窗-->viewclass="reason-popover"v-if="showReasonDialog"> viewclass="reason-modal"> viewclass="reason-title"> text>请选择拒绝理由/text> /view> viewclass="reason-bd"> viewclass="select-picker"> picker@change="bindPickerChangeReason":value="itemIndex":range="listArray" rang

基于Java+Vue+uniapp微信小程序停车共享系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着科技的进步,微信小程序慢慢进入

uniapp 实现swiper-3d效果轮播(中间大图两边小图)

gif:效果图如下代码如下:HTML部分 viewclass="swiper-3d"> swiper:current="swiper.current"class

uni-sec-check内容安全unicloud公共模块,校验微信小程序文本内容安全识别和图片智能鉴黄,uniapp进阶

uni-sec-check内容安全是unicloud封装了微信小程序的免费接口,文本内容安全识别(msgSecCheck)和音视频内容安全识别(mediaCheckAsync),如果我没选择使用uniapp+unicloud开发的话,可以轻松从插件市场引入uni-sec-check公共模块,完成内容安全检测,包含图片和文字检测,下面就针对文本内容和图片进行安全校验,前置知识肯定需要会uniapp和unicloud等知识。官方文档使用手册扫码体验,完整项目,如果二维码失效,小程序搜“鸡汤来喽”文本内容安全校验文本内容安全校验比较容易,只需要将编辑的内容发送给处理函数,接口将立即响应,返回处理结果