颜浩的博客

最近研究了一下uniapp 的组件封装 以及 引入组件的页面(父级) 和 组件封装的页面(子级)的传参以及 事件交互 ，其实还是很简单的。

最近项目接到一个新的需求，需要对接一个可以在线签合同的的功能，知道需要后马上开干，经过一番斗争，终于终于下班啦开个玩笑，废话不多说，直接上代码，因为代码是直接项目中搬出来的，没有依赖其他插件纯手工，小伙伴们要看清除那些是自己需要的，不需要的就删掉啦。效果图：页面有两个，一个表单提交也需要上传身份证正反面，第二个页面有合同展示，签字面板是以弹窗形式

小编最近接到项目组的一个要求，需要点击微信小程序右上角中 复制链接的按钮时需要执行一个时间或者在复制的链接中带一个参数，但是在uniapp 官网中又没有看到 触发方法，小编测试了几次终于发现了一个 靠谱的方法。......

一个简单相册预览功能，功能不是很好完善 ，只是觉得这个功能应该很常用，先记录下来方便下次代码也都是我在项目中抠出来的，如果有什么问题可以给我留言html 图片列表的样式我就不写出来了 但是下面的class 和 布局结构 都很重要 <div class="imgnyr" style="width:100%;"> <div class="img-list"><img class="seeimg" src="images/banner.jpg" &

原理很简单，只要通过 textarea 的 @input 事件 就能拿到 所有的参数图中所示 是输入字符长度可通过 console.log( e.detail.cursor) 打印<template> <view class="content"> <view class="describe"> <view class="describe_kuang"> <textarea maxlength="1000" @input=.

效果图：这里只为了告诉大家工作原理，所以一切从简，有不对或者更好的方法希望大家指点一下！<view class="list"> <label v-for="(item,index) in list" :key="index" :class=" { labelStyle : curlabel === index } " @click=

最近在开发一个uniapp项目的时候遇到一个问题 ，然后在网上收了很多解决大部分都是通过正则 给img 直接添加 样式通常情况下第一种办法没毛病，但遇到特殊情况就尴尬了，就如 文本内容的标签自带了 style=""属性 并未空 的时候 就把 正则添加的 替换了也有很多伙伴遇到过这样的问题，所以推荐第二种办法：第一种办法<template> <view> <view class="shopevaluate"> <view class="

简单的注册页，直接搬运可用！

简单的登录页面直接复制可用(已优化)

效果图html <!-- 规格选择弹窗 start --> <view class="Specifications" > <view class="Specifications-mask"></view> <view class="Specifications-popup"> <view class="Specifications-popup-colse cuIcon-roundclose">&l

遮罩层<view class="window"> <view class="mask" @touchmove.stop.prevent="stopPrevent"></view> <view class="popup" @click.stop="stopPrevent"> 遮罩层内容 </view></view>jsstopPrevent(){}

:placeholder="'共有'+orderlist.redpoint+'积分'"

:style=" { background: mmiuy? bg1 : 'url('+bg2+')' ,fontSize:16+'px'}"我做的效果是 一个是选择背景色一个是选择背景图所以：mmiuy 为 true 或者 为false等于true的情况下 则：获取 bg1的色彩值等于false的情况下 则：获取 bg2的路径值<script> export default { data(){ return { mmiuy：true, bg1.

:class="{setmeal : setmealindex === index}" :class="curIndex == index? 'active' : ''" :class="item.oneliststare?'oneshow':'onehide'" :class="playing?'none':'keepgo'"

<template> <view class="content"> <!--内容开始 start--> ... <!--内容开始 end--> </view></template><script> export default { data(){ return { } }, onLoad(){ }, methods: { .

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'">