- 博客(17)
- 问答 (1)
- 收藏
- 关注
原创 小程序 日历
wxml<view class="content"><!--年月选择 --><view class="preAndNext" wx:if="{{showMonthAndWeek}}"><view class="jt" data-currentYear="{{currentYear}}" data-c...
2019-07-23 12:08:52 221
原创 小程序,横向滑动日期选择器(获取当前月前几个月的日期)
wxml: <view class='contentBox'> <view class='timeBox'><view class='leftTimeBox' catchtap='showMonth'><view>{{currentMonth}}月</view><icon class='icon...
2018-12-13 09:48:25 2071 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 337
原创 解决 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 1068
原创 vuex 的使用
Vuex 可以帮助我们管理共享状态,各个页面或多个组建之间进行复杂数据之间的传值很困难时,我们可以这样想,我们可以把公共的数据放到一个公共的存储空间去存储,如果我们改变了这个公共空间的数据,其他页面或组件就能感知到,这就是vuex如图,vuex虚线部分就是所说的公共空间的存储区域(可以把这个区域理解成一个仓库),这个仓库由几部分组成:state(所有的公共数据都存放在state中),如果...
2018-07-18 13:24:33 169
原创 css样式 如何让一段文字不换行且超出宽度显示三个点...
.p{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
2018-07-16 10:32:12 3940
原创 css样式 让一个还没加载出来的盒子图片占位置
.dev{width: 100%;height: 0;overflow: hidden;padding-bottom: 27%;//所占的高度}
2018-07-16 10:28:51 639
原创 公众号 实现 扫一扫
<!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 1156 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 9469 1
原创 webapp 调用摄像头或相册 获取本地图片后 压缩上传到服务器
html <button onclick="getImg()">点击选取图片压缩上传</button>js //点击事件,弹出选择摄像头和相册的选项 function getImg() { var bts = [{ title: "拍照" ...
2018-07-12 14:34:10 1885
原创 vue 中 父子组件传值 子父组件传值 非父子组件传值
父组件向子组件传值:· 子组件在props中创建一个属性,用以接收父组件传过来的值· 父组件中注册子组件· 在子组件标签中添加子组件props中创建的属性· 把需要传给子组件的值赋给该属性父组件内容:<template> <div> 我是父组件 {{msg}} <!--子组件--> <child :msg="v...
2018-06-20 11:50:44 542
翻译 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 5359 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 720
转载 小程序 顶部选项卡 顶部导航
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 846
翻译 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 19619 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 15508 6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人