![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
九亓
这个作者很懒,什么都没留下…
展开
-
uniapp 怎么封装组件(详细介绍)
最近研究了一下uniapp 的组件封装 以及 引入组件的页面(父级) 和 组件封装的页面(子级)的传参以及 事件交互 ,其实还是很简单的。原创 2023-04-17 16:40:37 · 1776 阅读 · 1 评论 -
uniapp 实现在线签合同/签名/信息认证(无插件依赖)
最近项目接到一个新的需求,需要对接一个可以在线签合同的的功能,知道需要后马上开干,经过一番斗争,终于终于下班啦开个玩笑,废话不多说,直接上代码,因为代码是直接项目中搬出来的,没有依赖其他插件纯手工,小伙伴们要看清除那些是自己需要的,不需要的就删掉啦。效果图:页面有两个,一个表单提交也需要上传身份证正反面,第二个页面有合同展示,签字面板是以弹窗形式原创 2022-12-05 11:47:07 · 4640 阅读 · 21 评论 -
uniapp 怎么监听右上角复制链接按钮
小编最近接到项目组的一个要求,需要点击微信小程序右上角中 复制链接的按钮时需要执行一个时间或者在复制的链接中带一个参数,但是在uniapp 官网中又没有看到 触发方法,小编测试了几次终于发现了一个 靠谱的方法。......原创 2022-07-14 16:24:08 · 1739 阅读 · 0 评论 -
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 · 3283 阅读 · 0 评论 -
uniapp 点击单选/栏目单选
效果图:![在这里插入图片描述](https://img-blog.csdnimg.cn/20210707094359520.png#pic_center)这里只为了告诉大家工作原理,所以一切从简,有不对或者更好的方法希望大家指点一下!<view class="list"> <label v-for="(item,index) in list" :key="index" :class=" { labelStyle : curlabel === index } " @click=原创 2021-07-07 10:01:02 · 1543 阅读 · 0 评论 -
uniapp 富文本图片溢出解决方案
最近在开发一个uniapp项目的时候遇到一个问题 ,然后在网上收了很多解决大部分都是通过正则 给img 直接添加 样式通常情况下第一种办法没毛病,但遇到特殊情况就尴尬了,就如 文本内容的标签自带了 style=""属性 并未空 的时候 就把 正则添加的 替换了也有很多伙伴遇到过这样的问题,所以推荐第二种办法:第一种办法<template> <view> <view class="shopevaluate"> <view class="原创 2021-06-19 16:41:18 · 1533 阅读 · 0 评论 -
uniapp 简单注册页面(已优化)
简单的注册页,直接搬运可用!原创 2021-06-17 16:42:12 · 11503 阅读 · 8 评论 -
uniapp 简单的登录页面直接复制可用(已优化)
简单的登录页面直接复制可用(已优化)原创 2021-06-17 16:32:17 · 3274 阅读 · 6 评论 -
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 · 3345 阅读 · 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 · 2617 阅读 · 0 评论 -
uniapp 关于怎么在:placeholder中拼接一个变量
:placeholder="'共有'+orderlist.redpoint+'积分'"原创 2021-04-29 13:52:06 · 2460 阅读 · 0 评论 -
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 · 8002 阅读 · 0 评论 -
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 · 10916 阅读 · 0 评论 -
uniapp 基础框架模板
<template> <view class="content"> <!--内容开始 start--> ... <!--内容开始 end--> </view></template><script> export default { data(){ return { } }, onLoad(){ }, methods: { .原创 2021-04-25 10:51:49 · 1927 阅读 · 0 评论 -
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 · 13014 阅读 · 27 评论 -
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 · 5182 阅读 · 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 · 2438 阅读 · 2 评论 -
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 · 3487 阅读 · 4 评论