- 博客(19)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 jquery 图片点击放大预览
一个简单相册预览功能，功能不是很好完善 ，只是觉得这个功能应该很常用，先记录下来方便下次代码也都是我在项目中抠出来的，如果有什么问题可以给我留言html 图片列表的样式我就不写出来了 但是下面的class 和 布局结构 都很重要 <div class="imgnyr" style="width:100%;"> <div class="img-list"><img class="seeimg" src="images/banner.jpg" &
2021-10-26 10:46:54
4533
原创 uniapp 三级折叠列表(展开/收起)
1.view部分<template> <view class="content"> <view class="position-group"> <!-- 一级循环 --> <view class="pronames_one" v-for="(item,index) in positionlist" :key="index" :class="item.oneliststare?'oneshow':'onehide'">
2020-12-23 15:02:09
13163
27
原创 uniapp 点击获取验证码
view<label v-if="yzmbotshou" @click="getyzm">获取验证码</label><label v-if="yzmbothide">{{times}}后获取</label>js export default { data(){ return { times:60, yzmbotshou:true, yzmbothide:false } }, onLoad(){
2020-08-03 16:51:59
3504
4
原创 uniapp 怎么封装组件(详细介绍)
最近研究了一下uniapp 的组件封装 以及 引入组件的页面(父级) 和 组件封装的页面(子级)的传参以及 事件交互 ，其实还是很简单的。
2023-04-17 16:40:37
1844
1
原创 uniapp 实现在线签合同/签名/信息认证(无插件依赖)
最近项目接到一个新的需求，需要对接一个可以在线签合同的的功能，知道需要后马上开干，经过一番斗争，终于终于下班啦开个玩笑，废话不多说，直接上代码，因为代码是直接项目中搬出来的，没有依赖其他插件纯手工，小伙伴们要看清除那些是自己需要的，不需要的就删掉啦。效果图：页面有两个，一个表单提交也需要上传身份证正反面，第二个页面有合同展示，签字面板是以弹窗形式
2022-12-05 11:47:07
4899
22
原创 uniapp 怎么监听右上角复制链接按钮
小编最近接到项目组的一个要求，需要点击微信小程序右上角中 复制链接的按钮时需要执行一个时间或者在复制的链接中带一个参数，但是在uniapp 官网中又没有看到 触发方法，小编测试了几次终于发现了一个 靠谱的方法。......
2022-07-14 16:24:08
1807
原创 uniapp 富文本框 获取输入字符长度
原理很简单，只要通过 textarea 的 @input 事件 就能拿到 所有的参数图中所示 是输入字符长度可通过 console.log( e.detail.cursor) 打印<template> <view class="content"> <view class="describe"> <view class="describe_kuang"> <textarea maxlength="1000" @input=.
2021-09-11 16:59:56
3320
原创 uniapp 点击单选/栏目单选
效果图：这里只为了告诉大家工作原理，所以一切从简，有不对或者更好的方法希望大家指点一下！<view class="list"> <label v-for="(item,index) in list" :key="index" :class=" { labelStyle : curlabel === index } " @click=
2021-07-07 10:01:02
1558
原创 uniapp 富文本图片溢出解决方案
最近在开发一个uniapp项目的时候遇到一个问题 ，然后在网上收了很多解决大部分都是通过正则 给img 直接添加 样式通常情况下第一种办法没毛病，但遇到特殊情况就尴尬了，就如 文本内容的标签自带了 style=""属性 并未空 的时候 就把 正则添加的 替换了也有很多伙伴遇到过这样的问题，所以推荐第二种办法：第一种办法<template> <view> <view class="shopevaluate"> <view class="
2021-06-19 16:41:18
1554
原创 uniapp 多规格选择
效果图html <!-- 规格选择弹窗 start --> <view class="Specifications" > <view class="Specifications-mask"></view> <view class="Specifications-popup"> <view class="Specifications-popup-colse cuIcon-roundclose">&l
2021-05-09 17:00:06
3417
4
原创 uniapp 遮罩层/弹窗阻止冒泡
遮罩层<view class="window"> <view class="mask" @touchmove.stop.prevent="stopPrevent"></view> <view class="popup" @click.stop="stopPrevent"> 遮罩层内容 </view></view>jsstopPrevent(){}
2021-05-06 14:07:32
2678
原创 uniapp 关于怎么在:placeholder中拼接一个变量
:placeholder="'共有'+orderlist.redpoint+'积分'"
2021-04-29 13:52:06
2529
原创 uniapp :style 的用法(切换背景)
:style=" { background: mmiuy? bg1 : 'url('+bg2+')' ,fontSize:16+'px'}"我做的效果是 一个是选择背景色一个是选择背景图所以：mmiuy 为 true 或者 为false等于true的情况下 则：获取 bg1的色彩值等于false的情况下 则：获取 bg2的路径值<script> export default { data(){ return { mmiuy：true, bg1.
2021-04-29 13:47:38
8051
原创 uniapp :class的用法
:class="{setmeal : setmealindex === index}" :class="curIndex == index? 'active' : ''" :class="item.oneliststare?'oneshow':'onehide'" :class="playing?'none':'keepgo'"
2021-04-26 09:16:23
11060
原创 uniapp 基础框架模板
<template> <view class="content"> <!--内容开始 start--> ... <!--内容开始 end--> </view></template><script> export default { data(){ return { } }, onLoad(){ }, methods: { .
2021-04-25 10:51:49
1947
原创 uniapp input实时搜索/搜索索引
**1.view部分**<template> <view class="content"> <!-- 代码 start --> <view class="invitation-zhiwei-search"> <label class="cuIcon-search"></label> <input type="text" v-model="filterText" placeholder="请
2020-12-23 10:48:30
5226
2
原创 uniapp h5地图导航
uniapp h5地图导航view部分 <label @click="daohang">导航</label>js部分 export default { data(){ return { } }, onLoad(){ }, methods: { //方法一 //daohang(){ // let latitude = ''; // let longitude = ''; // let pos
2020-12-02 10:09:24
2448
2
基于jquery图片查看器
2024-08-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人