12 2018 档案

绝对定位和伪类元素的应用（css世界中的列表框实例）
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绝对定位和伪类元素的应用（css世界中的列表框实例）</title> <style> .list { width:400px; margin:0 auto; dis 阅读全文
posted @ 2018-12-29 10:33 金牛座的女孩 阅读(444) 评论(0) 推荐(0)
css实现移入文字顶部出现提示的效果
摘要：效果图： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯css实现移入文字出现提示框（position：absolute 和伪类元素）</title> <style> .tips[data-title]{po 阅读全文
posted @ 2018-12-29 09:47 金牛座的女孩 阅读(936) 评论(0) 推荐(1)
两种常用小程序UI组件库
摘要：1、weui 下载地址：https://github.com/Tencent/weui-wxss 学习链接：https://blog.csdn.net/chq1988/article/details/73549027/ 2、iviewui 学习链接：https://weapp.iviewui.com 阅读全文
posted @ 2018-12-20 16:58 金牛座的女孩 阅读(253) 评论(0) 推荐(0)
html+css实现左侧定宽，右侧自适应的布局
摘要：实现一侧定宽，一侧自适应的布局的方法a 、b a、利用左侧元素浮动，或者绝对定位的方式使其脱离常规文档流 1、利用float和margin来实现 css <style> .father{border:1px solid #444;overflow:hidden;} .father img{width 阅读全文
posted @ 2018-12-19 11:31 金牛座的女孩 阅读(619) 评论(0) 推荐(0)
小程序登录逻辑图
摘要：学习链接：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html 阅读全文
posted @ 2018-12-13 13:45 金牛座的女孩 阅读(317) 评论(0) 推荐(0)
wx.canIUse
摘要：wxml js 学习链接：https://developers.weixin.qq.com/miniprogram/dev/api/wx.canIUse.html https://developers.weixin.qq.com/miniprogram/dev/api/wx.getUserInfo. 阅读全文
posted @ 2018-12-13 11:22 金牛座的女孩 阅读(768) 评论(0) 推荐(0)
小程序同一页面不同按钮转发不同样式
摘要：wxml页面 <button class="share-btn" open-type="share" id="1"></button><button class="share-btn" open-type="share" id="2"></button> js页面代码 onShareAppMessa 阅读全文
posted @ 2018-12-12 15:51 金牛座的女孩 阅读(527) 评论(0) 推荐(0)
小程序获取用户信息
摘要：index.html index.js app.js 阅读全文
posted @ 2018-12-03 16:46 金牛座的女孩 阅读(129) 评论(0) 推荐(0)