- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 点击展开显示更多 点击收起部分隐藏
功能如下： 这里就需要一开始只显示6个数据，点击展开才显示全部 HTML里调用showdetailList：<div> <p v-for="(item, index) in showdetailList"> <span>{{item.title}}</span> &l...
2018-07-06 10:01:10
45760
7
原创 vue 更改头像功能实现
——————– 如上图所示：需要完成的功能是点击更改头像，获取本地文件库，选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能，代码如下： HTML：&lt;div id="app"&gt; &lt;div class="item_bock head_p"&gt; &lt;div class=&
2018-06-21 18:49:55
22702
10
原创 from表单键盘回车导致页面刷新
如图所示，这样一个搜索栏，点击输入内容后按回车键达到搜索目的。 一开始代码如下： HTML：<form action="#"> <input type="search" placeholder="搜索商品" class="search_input" v-model="keyword" @keyup.enter="doSearch"
2018-06-21 16:21:27
2593
4
原创 vue 将一大串文字分两行显示，超出用省略号表示
众所周知，通过css设置文字强制不换行超出用省略号表示很简单：{ white-space: nowrap; 文本强制不换行； text-overflow:ellipsis; 文本溢出显示省略号； overflow:hidden; 溢出的部分隐藏；}但是如果要想显示两行，超出用省略号表示要怎么写呢？{ overflow: hidden; -w...
2018-06-21 15:51:04
26816
2
原创 微信小程序--特定区域滚动到顶部时固定
项目要求： 如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。 以下是代码展示： 1.wxml&amp;lt;scroll-view style=&quot;width:100%;height: 100%;&quot; scroll-y=&quot;true&quot; bindscroll=&quot;scrollTopFun&quot;&
2018-06-21 15:38:12
33245
6
原创 微信小程序-canvas绘制文字实现自动换行
在使用微信小程序canvas绘制文字时，时常会遇到这样的问题：因为canvasContext.fillText参数为 我们只能设置文本的最大宽度，这就产生一定的了问题。如果我们绘制的文本长度不确定或者我们希望文本超出自动换行或者用省略号表示，光靠这个API是无法完成的。下面本人就讲下我在开发中是如何解决这个问题的。 1 wxml代码。&lt;canvas canvas-id="myCa...
2018-05-10 22:46:19
23625
10
原创 小程序---将页面内容绘制成图片
本人大四实习新入职，在入职一个星期后接触到了第一个项目。 因为是新手，在整个开发过程中遇到了较多的难点：主要是canvas绘图过程中，因为商品图片和二维码来自于后台，绘制完成后发现只能在微信开发工具上显示，在真机（本人手机）上只能显示文本，图片为空白。多次测试后发现网络图片都无法在真机上绘制出来。 首先看下设计图，知道具体做的是什么样的： ——– —— 具体就是在微信小程序商品详情页...
2018-04-25 22:19:01
19116
原创 小程序组件化开发框架---wepy 项目创建
wepy是一个优秀的微信小程序组件化框架，突破了小程序的限制，支持了npm包加载以及组件化方案。这里就以我个人的经历讲下怎么创建wepy项目。 1.首先 在桌面（自己选定目录下）新建一个文件夹，注意需要使用英文名。 2.Cmd中 进入到该文件目录下 3.安装 wepy 命令行工具。 cmd中输入： npm install wepy-cli -g4.在开发目录生成开发DE...
2018-04-24 22:01:25
1665
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人