组件
陈序媛圈圈
这个作者很懒,什么都没留下…
展开
-
h5图片上传
h5的图片上传组件,点击上传点弹出选择从相册上传或拍照上传,若当前项已有图片,点击X删除后可以重新上传。js代码,注释都写的很清楚。原创 2023-06-02 16:32:14 · 958 阅读 · 1 评论 -
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边
h5页面悬浮框可以随意拖动,页面滚动时收起吸附到侧边需求是: 用户可根据自己的需求对工具箱进行改变位置,移动范围为整个屏幕上下移动。在屏幕滚动时,工具箱组件贴边隐藏,滚动停止后,进行显示。用到uniapp的内置组件movable-view和扩展组件uni-transition思路: 写两个盒子,一个用来装滑块样式,另一个用来装收起时吸附到侧边的样式,定义一个变量isOpen来控制滑块和收起样式的展示,监听页面滚动事件,滚动时isOpen=false,停止滚动后isOpen=true原创 2023-05-30 18:19:42 · 1078 阅读 · 0 评论 -
搜索框封装-微信小程序
搜索框封装-移动端一个移动端项目中的搜索框基本都是一样的,所以开发时,封装一个符合风格的搜索框还是有必要的,使用时直接引用组件就可以。下边是我自己封装的搜索框代码,新建一个SearchFor.vue文件把代码粘贴进去。使用时引入该组件,在你的搜索框代码位置写<search-for @searchEvt="searchEvt"></search-for> searchEvt方法的argument中就是你当前页面输入的搜索值,自己写好搜索方法就行。我的项目是uni-app开发的原创 2022-04-27 10:27:56 · 348 阅读 · 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 · 519 阅读 · 0 评论 -
vue父子组件之间的值传递
vue父子组件之间的值传递在同一级文件目录下,当前的组件叫父组件,引入的组件叫子组件。1.父组件向子组件传值关键字:props父组件通过子组件的标签绑定普通属性和数据,子组件通过关键字props来接收父组件传来的值,接收时要指定接收数据的数据类型type,类型第一个字母要大写,如Array、String、Number,如果该数据是必传的要设置required:true,如果不是必传就设置默认值 default。父组件代码:<template> <div>原创 2021-12-08 21:47:05 · 364 阅读 · 0 评论