- 博客(18)
- 收藏
- 关注
RSS订阅原创 小程序点击携带参数跳转
今天小程序开发时，有一个点击事件需要携带参数跳转页面，实现方法如下页面路径：url: …/sellerinfo/good_info?id=2&store_id=3 // ？后为携带的参数html部分<block wx:for='{{goods}}'> <view class='goods' bind:tap='swicth' data-id='{{item...
2019-09-30 17:44:15
1733
原创 小程序wx.getStorageSync
今天开发小程序的过程中在调用后台数据请求图片时，图片无法显示，原因是图片不在本地缓存，后来用了小程序的接口：wx.getStorageSync解决问题。此方法可以向本地缓存存入数据贴上代码<image src='{{item.lb_imgs}}' width='100rpx' height='100rpx' /> // 原先直接调用的img，无法显示调用接口后html代码&...
2019-09-30 17:28:32
1733
原创 Animate.css库 使用方法
**Animate中有各种各样酷炫的动画。引入方法：1.从官网地址下载：https://raw.githubusercontent.com/daneden/animate.css/master/animate.css2.导入在线cdn：https://unpkg.com/animate.css@3.5.2/animate.min.css注：这两种方法导入方式与正常引入css文件一样（lin...
2019-09-26 15:11:45
424
原创 纯html实现a标签跳转 新页面方法
** 直接在a标签中套入 target = ‘_blank’ 属性**①<<a href = “” target = “blank”/>>②<a onclick="window.open('http://www.baidu.com')"/>
2019-09-26 14:57:27
15276
3
转载 vue通过属性绑定为元素绑定style行内样式
1. 直接在元素上通过 :style 写一个对象在对象中设置颜色时要注意：颜色只能用单词表示，不能使用十六进制 #… 和 rgb形式和这两种都会报错2. 在data中创建一个样式对象，通过:style引用3. 在 :style中通过数组，引用多个data上的样式对象...
2019-09-25 16:08:46
521
原创 纯css实现三角形
实现原理：border属性：在盒子有内容时，border属性的每一条边其实生成的是梯形。当border宽度越来越大，内容越来越少时，每一条border的上底边长度就会越来越小。当没有高度宽度和内容时，这时设置border，每一条border就会是一个三角形。 width: 0; height: 0; //令其高宽为0 content: ""; //令盒子没有内容 ...
2019-09-25 09:05:59
171
原创 html实现 文本超出时不会换行
设置white-space属性white-space： nowrap 设置后文本超过网页设置长度时将不会换行。标签会使其强制换行。它还可以设置其它值pre：保留空白（空格）符号pre-line：合并空白序列（当多个空格字段相邻，只会显示一个空格），保留换行符。pre-wrap：保留空白序列（当多个空格字段相邻，会显示所有空格），保留换行符。...
2019-09-23 17:56:49
804
原创 html5实现form表单提交框 无文本时 显示警告
给input添加属性required <form> <input type="text" required> <button type="submit">提交</button> </form>
2019-09-21 12:04:05
1127
原创 小程序this.setData中的this指向问题
在学习以及开发小程序的过程中时发现：很多时候在用this.setData时会出现问题。解决方法： 一般都是在外面定义一个 变量 = this那么来说一下问题的原因及解决的原理一、为什么会this.setDate会不起作用this.setData之所以起作用就是因为this指向于page（全局）通过全局来设置 Data中的数据而导致this.setData出错就是因为this没有指向p...
2019-09-21 11:01:19
1340
原创 bootstrap Class样式学习笔记
1. 设置bootstrap响应式页面引入bootstrap css文件将html内容放置在 class为container-fluid的盒子中2. 图片适应手机端class = ‘img-responsive’3. 文本的居中以及样式class = ‘text-center’ // 文本居中class = ‘text-primary | text-info | text-...
2019-09-20 11:58:26
1231
原创 关于background-image设置背景图片
当你需要在网页当中设置背景图片时的步骤在元素中设置选取背景图片background-image：url（）； // 此属性设置你所要选取的图片作为背景。 url 为图片路径（绝对或相对）none；// 默认值选取图片后设置图片是否重复显示多张background-repeat：repeat // 将在垂直与水平方向上重复repeat - y // 将在y轴上重复图片...
2019-09-19 11:16:42
4730
原创 flex属性详解
***最近在开发小程序的过程中经常使用到flex布局，总结一下这几天用到的属性与问题*属性详解justify-contentflex-directionalign-itemflex-flowflex-wrapalign-centerflex-direction：决定主轴的方向，决定子元素垂直或水平排列flex-direction： row ，row-reser ， ...
2019-09-18 23:07:11
325
原创 小程序--页面跳转并传递数据
1. navigator组件（不会原关闭页面）url：跳转页面路径open-type： ① navigator （默认值）/② redirect： 关闭当前页面，跳转到应用内的某个页面。不允许跳转到tabbar页面，并且不能返回（不是一个压栈）/③switchTab： 跳转到tabber页面，并关闭其他所有非tabber页面（需要在tabber中定义的）/④relaunch： 关闭所...
2019-09-17 22:48:22
254
原创 flex与fixed定位的冲突解决
今日开发过程小程序项目使用了flex布局以及fixed。同时使用时发现两者会有冲突，例：上下各一个盒子，上盒子： flex（父元素）下盒子： fixed下盒子为scroll列表。当下盒子发生滚动时，下盒子会将上盒子顶出屏幕外面解决方案：将下盒子套一个外层盒子，外层定宽高，overflow：scroll（此方法会有问题）设置上下盒子的z-index值，将下层盒子z-index &...
2019-09-17 18:02:04
4323
原创 小程序data-用法
data- ：会在事件触发时传递给SERVICE书写方式： 以data-开头，多个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type最终在 event.currentTarget.dataset 中会将连字符转成驼峰elementType储存。...
2019-09-17 17:40:39
3295
原创 css 使元素在父元素中垂直对齐的方法
vertical-align属性今天在小程序代码编写过程中，写搜索框时发现搜索图标与文本框没有对齐。于是用了vertical方法使图标与文本框设置了同一属性来对齐属性详解：注：只有元素属于inline或是inline-block ，vertical-align属性才会起作用。vertical-align：middle ， 把元素放在父元素的中部。vertical-...
2019-09-17 16:31:55
739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人