自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 提现记录页面-CSS

wxml部分代码如下:<view class="page"> <view class="page__bd"> <view class="wehx-blue-background_fixed"></view> <!-- 修改密码 --> <view class="wehx-cell_all">...

2020-03-24 16:41:30 1446 2

原创 CSS3之calc() 函数

111

2020-03-19 14:54:51 262

原创 关于iconfont图标的下载

下载iconfont图标时,要下载单色图标,防止后期在文件中不能修改图标颜色注意:当项目中使用iconfont图标时,在更新图标库后:当前项目中引用之前的图标时可以正常显示,而最新下载的图标不显示时,关闭当前项目重启环境并刷新页面即可。...

2020-03-18 17:59:22 299

原创 指定iconfont图标颜色及大小

在颜色框内输入指定的16进制颜色色值,按enter键在尺寸框内输入指定的大小数值,按enter键点击下载,即可得到目标图标如图

2020-03-18 17:58:07 3840

原创 微信小程序引入iconfont单色图标实例

进入https://www.iconfont.cn/官网,将需要的图标添加到购物车,点击购物车将图标添加至相应的目标项目中打开目标项目,下载代码至本地将下载的文件进行解压,解压后如图在小程序文件中建一个新的文件夹,命名为iconfont;将步骤4中的文件放入小程序的iconfont文件夹中,将iconfont.css更名为iconfont.wxss7. 在小程序app.w...

2020-03-18 14:52:00 673 2

原创 微信小程序字符缩进

缩进两个字符p{text-indent:2rem}

2020-03-17 18:27:44 2373

原创 Bootstrap输入框组---搜索框实例

搜索框样式1<div class="col-lg-2 col-md-3 col-sm-3 col-xs-4 pull-right"> <div class="input-group"> <input type="text" class="form-control" placeholder="输入搜索内容"> <span class="in...

2020-03-17 16:25:23 3984

原创 table表格固定表头,内容滚动显示

目的:做一个table表格,实现固定标题行而内容可滚动html部分代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href...

2020-03-16 17:42:57 1642

原创 判断一个变量是否存在

判断一个变量是否存在js中可以直接用变量判断,存在就是有eg: if(a!=false)和if(a)结果一样eg: if(a!=undefined)和if(a)结果一样

2020-03-12 16:47:42 909

原创 小程序页面中有多个或者单个电话时,拨打电话的处理实例

最终目的:当页面中有多个电话时,点击拨打电话按钮弹出可供客户选择电话号的页面;当页面中有一个电话时,点击拨打电话按钮弹出确认拨打电话的页面;当两个电话号码相同时,默认弹出弹出确认拨打电话的页面。wxml部分代码如下: <button bindtap="makeCall">拨打电话</button>js部分代码如下:makeCall: function...

2020-03-12 16:15:54 1921 2

原创 小程序actionsheet显示操作菜单

最终效果如图所示:wxml部分代码如下:<view wx:if="{{showAndroidDialog}}" class="weui-skin_android fadeIn"> <view class="weui-mask" bindtap="close"></view> <view class="weui-actionsheet...

2020-03-12 14:52:51 1082

原创 weui组件库的下载及使用

腾讯网址:github.com/Tencentweui的下载在网址github.com/Tencent中找到weui进行下载或者:在微信小程序官方文档中点击下载,如图解压下载好的zip文件夹打开微信开发者工具-----新建项目-----选择导入项目------选择正确的目录、点击测试号------导入进行使用即可...

2020-03-11 16:10:19 7048

原创 微信小程序UI组件库集合(个人收藏)

1.官方WeUI组件库地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/2.vantUI(又名:ZanUI)地址 https://youzan.github.io/vant-weapp/#/intro3.MinUIGitHub地址:https://github.com/meili/minui4.Wu...

2020-03-11 14:58:16 5854

原创 JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(个人收藏)

网址:https://www.cnblogs.com/wujindong/p/5592908.html相关信息网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offset...

2020-03-11 11:29:09 373

原创 textarea拉伸状态的css设置

禁止横向拉升 resize: vertical;纵向拉伸 resize: horizontal; 不显示拉伸状态 resize: none; 或者 resize: unset;

2020-03-06 15:22:03 1584

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除