- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue中如何动态添加类名
1、三元运算表达式:class="show==true ? 'style1' : 'style2' "2、多个类名，使用Boolean值来判断类名是否生效:class="{style1:true,style2:2>1}"3、多个类名，使用数组（ 推荐 ）style1是已经存在的类名:class="[style1,{style2:true,style3:false}]"<a :class="[ 'btn', { 'btn-danger':
2022-05-17 15:05:22
4699
原创 css 背景 弧度效果 + 卡片样式（小程序）
实现效果如图：<view> <view class="green"></view> <view class="card"></view></view>page { /* 苹果手机会有拉伸的效果， 所以下拉效果要是绿色， 上拉要是灰色 */ /* background: #EDEDED; */ background: linear-gradient(#3CB27
2022-01-28 11:16:57
2595
1
原创 重置input、textarea默认样式
问题1在 ios 系统中，输入框有内阴影，需要去除。-webkit-appearance: none ; //是为了去除内阴影样式，但是缺点是不可输入；-webkit-user-select: auto; // 解决输入问题；问题2去除input和textarea点击选中框/轮廓线outline: none;禁用输入框、文本框：outline属性问题3禁止textarea调整大小功能（去掉textarea元素右下角的小三角）resize: none;问题4修改input、te.
2022-01-06 14:54:23
1696
原创 小程序 | 自定义组件如何使用全局样式？
官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB导语：由于组件样式隔离，所以小程序app.wxss 中的样式、组件所在页面的的样式对自定义组件是无效的。解决方案：更改组件样式隔离选项。在组件的 json 文件中添加如下配置，全局样式即可生效。//
2021-10-19 12:07:49
1423
原创 小程序如何使用wx-f2
1、首先我们需要npm安装@antv/wx-f2npm install @antv/wx-f2 --save2、在需要使用的页面或组件的json文件中，引入第三方组件{ "usingComponents": { "f2": "@antv/wx-f2" }}3、在wxml中使用组件<view class="container"> <f2 class="f2-chart" onInit="{{onInitChart}}" /></view>
2021-10-13 10:27:17
561
原创 小程序图表的实现
wx-f2 https://github.com/antvis/wx-f2echarts-for-weixin https://github.com/ecomfe/echarts-for-weixinmpvue-echarts https://github.com/F-loat/mpvue-echartsuCharts https://gitee.com/uCharts/uCharts
2021-10-12 17:17:09
176
原创 VSCode 的终端Terminal禁止运行脚本该怎么办？
1. 右击VSCode图标，选择以管理员身份运行；2. 在终端中执行get-ExecutionPolicy，显示Restricted，表示状态是禁止的；3. 这时执行set-ExecutionPolicy RemoteSigned；4. 此时再执行get-ExecutionPolicy，显示RemoteSigned，则表示状态解禁，可以运行5、如果还想禁止的话可以执行命令 set-ExecutionPolicy Restricted...
2021-09-15 11:42:29
724
1
原创 url时间戳
URL时间戳作用为了防止浏览器缓存。URL后面添加随机数或时间戳通常用于防止浏览器（客户端）缓存页面。浏览器缓存是基于URL进行缓存的，如果页面允许缓存，则在缓存时效前再次访问相同的URL，浏览器就不会再次发送请求到服务器端，而是直接从缓存中获取指定资源。而当URL 的末尾追加了随机数或时间戳，就会保证每次都会实际生成新请求且 Web 服务器不会尝试缓存来自服务器的响应。用法：url?数字eg: https://baidu.com/?t=202109081552数字随意写，一般取当时时间.
2021-09-13 15:49:51
967
原创 CSS如何扩大点击区域
如何扩大点击区域实现的效果：用透明色border + margin 负值实现.agree-icon {width: 40rpx;height: 40rpx;background: url(./8.png) no-repeat center center;background-size: 28rpx 28rpx;border: 6rpx solid red;border-left: 20rpx solid red;border-right: 60rpx solid red;margi
2021-09-01 15:40:28
2659
原创 使用Wxml2Canvas踩过的坑
使用Wxml2Canvas踩过的坑最近在做一个项目，里面有一个功能是关于分享图的，就是把图片保存下来，然后可以分享给别人。在样式方面踩了好多的坑，至今没有从坑里起来。所以今天总结一下，希望今后再做类似的项目的时候能从坑里起来。。。1、Wxml2Canvas不支持透明度。色值不能用rgba的形式设置，因为在安卓机上绘图会出现掉色，出来的图片都是浅色的。所以一般使用hex的形式，hex值指的是十六进制数值。2、Wxml2Canvas不支持设置字体。坑：在设置金额字体的时候，开发工具上金额字体跟金额图
2021-01-14 11:31:10
2408
1
原创 微信小程序组件样式修改
微信小程序组件样式（CSS）修改1.checkbox样式修改/checkbox整体大小/checkbox { width: 240rpx; height: 90rpx;}/checkbox选项框大小/checkbox . wx-checkbox-input { width: 50rpx; height: 50rpx; border-radius: 50%; //选项框变成O}/checkbox选中后样式/checkbox . wx-checkbox-input. wx
2020-08-14 19:22:15
3839
原创 CSS如何引用字体
转换字体网址：https://transfonter.org/1. 将字体转换成WOFF、WOFF2的形式引用<p>啦啦啦啦啦啦</p>@font-face { font-family: 'HYQiHei'; src: url('../fonts/HYQiHei.woff2') format('woff2'), //字体在项目中的路径 url('../fonts/HYQiHei.woff') format('woff'); /
2020-08-14 19:21:00
1793
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人