- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 小程序 日历
wxml<view class="content"><!--年月选择 --><view class="preAndNext" wx:if="{{showMonthAndWeek}}"><view class="jt" data-currentYear="{{currentYear}}" data-c...
2019-07-23 12:08:52
260
原创 小程序，横向滑动日期选择器（获取当前月前几个月的日期）
wxml： <view class='contentBox'> <view class='timeBox'><view class='leftTimeBox' catchtap='showMonth'><view>{{currentMonth}}月</view><icon class='icon...
2018-12-13 09:48:25
2175
1
原创 vue 中使用keep-alive进行页面缓存
<template> <div id="app"> <keep-alive exclude="Details">//对router-view路由中的所有页面内容进行缓存，除去名字叫Details的页面组件 <router-view/> </keep-alive>
2018-07-20 10:41:19
370
原创 解决 vue 中拖动时多个页面互相影响的问题 （使用前端路由，当切换到新路由时，想要页面滚到顶部）
在路由中，添加 scrollBehavior (to, from, savedPosition) {return { x: 0, y: 0 } }当切换到新路由时，想要页面滚到顶部export default new Router({ routes: [ { path: '/', name: 'Home', component: Home...
2018-07-20 10:36:07
1103
原创 vuex 的使用
Vuex 可以帮助我们管理共享状态，各个页面或多个组建之间进行复杂数据之间的传值很困难时，我们可以这样想，我们可以把公共的数据放到一个公共的存储空间去存储，如果我们改变了这个公共空间的数据，其他页面或组件就能感知到，这就是vuex如图，vuex虚线部分就是所说的公共空间的存储区域(可以把这个区域理解成一个仓库)，这个仓库由几部分组成：state(所有的公共数据都存放在state中)，如果...
2018-07-18 13:24:33
184
原创 css样式 如何让一段文字不换行且超出宽度显示三个点...
.p{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
2018-07-16 10:32:12
3977
原创 css样式 让一个还没加载出来的盒子图片占位置
.dev{width: 100%;height: 0;overflow: hidden;padding-bottom: 27%;//所占的高度}
2018-07-16 10:28:51
678
原创 公众号 实现 扫一扫
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max
2018-07-12 16:46:25
1203
1
原创 小程序 拍照或相册选取图片 上传到服务器
html：<button bindtap='uploadPhoto'>拍照选取照片上传</button>js：Page({ // 拍摄或从相册选取上传 uploadPhoto(e) { var that = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['compressed'], ...
2018-07-12 14:51:32
9567
1
原创 webapp 调用摄像头或相册 获取本地图片后 压缩上传到服务器
html <button onclick="getImg()">点击选取图片压缩上传</button>js //点击事件，弹出选择摄像头和相册的选项 function getImg() { var bts = [{ title: "拍照" ...
2018-07-12 14:34:10
1910
原创 vue 中 父子组件传值 子父组件传值 非父子组件传值
父组件向子组件传值：· 子组件在props中创建一个属性，用以接收父组件传过来的值· 父组件中注册子组件· 在子组件标签中添加子组件props中创建的属性· 把需要传给子组件的值赋给该属性父组件内容：<template> <div> 我是父组件 {{msg}} <!--子组件--> <child :msg="v...
2018-06-20 11:50:44
557
翻译 vue 打包webapp 利用html5+api 调用摄像头和相册 图片展示
项目启动npm installnpm startNpm run build//打包将打包好的dist文件放到hbuilder中转换成app文件位置:My文件夹中的changePhoto.vue // 利用html5+api 调用摄像头和相册 图片展示<template><div class="mui-content"><button @click="galleryIm...
2018-06-20 10:26:42
5415
6
原创 vue 中利用父子传值实现 顶部标题栏 中实现不同标题 不同页面添加取消返回键
顶部标题栏组件<template> <header class="mui-bar mui-bar-nav"> <!-- 返回键 --> <a v-show="Boolean(Number(this.isShow))" class="mui-action-back mui-icon mui-icon-left-nav mu...
2018-06-20 09:54:53
750
转载 小程序 顶部选项卡 顶部导航
html<!--导航条--> <view class="navbar"> <text wx:for="{{navbar}}" data-idx="{{index}}" class="item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="na
2018-06-19 14:48:30
863
翻译 vue 开发webapp 进行扫一扫功能
项目启动npm installnpm startnpm run build//打包将打包好的dist文件放到hbuilder中转换成app <template> <div> <topbar title="扫码"> <router-link to="/home" slot="left" @click.native='cancelScan
2018-06-13 14:48:18
19733
9
翻译 vue 开发webapp 手机返回键 退出问题
mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui在main.js注册import Mui from 'vue-awesome-mui';Vue.use(Mui);在index.html<script> mui.init({ keyEventBind: { backbutton: t...
2018-06-13 14:34:30
15587
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人