周家大小姐
记录一些平时学习的内容,和工作中遇到的问题解决方案
周家大小姐.
这个作者很懒,什么都没留下…
展开
-
小程序授权登录
wxml: <view class="auth"> <image src="/images/home/wxlogo.png" class="img" mode="aspectFill"></image> <view class="title">微信授权页面</view> <view cl...原创 2019-07-16 13:55:18 · 3914 阅读 · 4 评论 -
小程序时间筛选
html <!-- 筛选器 --> <view class="select_control"> <picker mode="date" value="{{date}}" bindchange="bindDateStart"> <view class="picker"> ...原创 2019-06-25 15:20:51 · 962 阅读 · 2 评论 -
小程序对像赋值与数组赋值方法
对像赋值法:data: { nav: { title1: "全部", title2: "待审核", selected: true, selected2: false, },}selected2: function (e) { let selected = 'nav.selected' let selecte...原创 2019-06-24 15:47:12 · 10238 阅读 · 0 评论 -
小程序上传图片
wxml:<form> <image src='{{picUrl}}' wx:if="{{picUrl}}" class='addimg'></image> <image src='/images/bianji@2x.png' class='addimg' bindtap='addimg'></image></f...原创 2019-06-19 23:08:15 · 265 阅读 · 0 评论 -
小程序授权及登录页面
代码地址:https://download.csdn.net/download/qq_40190624/11248485原创 2019-06-19 13:35:02 · 4678 阅读 · 0 评论 -
小程序时间戳转换时期封装
util.js//时间戳转换成日期时间function js_date_time(date) { //获取当前时间 var n = date; console.log(n) var date = new Date(n); //年 var Y = date.getFullYear(); //月 var M = (date.getMonth() + 1 < ...原创 2019-05-17 12:48:17 · 621 阅读 · 0 评论 -
小程序分页处理(下拉加载更多)
js; data: { doctorData: [], page:0,//页数 rows:10,//条数 total:0,//总页数 }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { //分页调医生列表接口 if (this.data.page <= ...原创 2019-05-17 09:59:53 · 3099 阅读 · 1 评论 -
小程序获取地理位置
在app.json中加入"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },// ------------ 页面获取腾讯LBS地图 -------------------- getLocation:function(){ var _this...原创 2019-05-16 09:37:24 · 1071 阅读 · 0 评论 -
小程序上传多张图片
/** * 选择图片,来自相册 */ chooseImage: function() { let that = this; wx.chooseImage({ sizeType: ['compressed'], //'original' count: 1, // sourceType: ['album'], sour...原创 2019-05-15 17:21:13 · 213 阅读 · 0 评论 -
小程序封装请求
util.jsfunction postRequest(url, paramObj, callBack) { const app = getApp(); var baseHeader = { "Content-Type": "application/x-www-form-urlencoded" }; if (app.globalData.cookie) ba...原创 2019-05-15 16:54:29 · 194 阅读 · 0 评论 -
小程序授权
util.jsfunction getUserInfo(callBackFunc) { //是否已经授权 wx.getSetting({ success: (settingResult) => { //已授权获取用户信息,执行注册. if (settingResult.authSetting["scope.userInfo"]) { ...原创 2019-05-15 11:42:31 · 200 阅读 · 0 评论 -
小程序获取制授权信息(子组件)
<!--component/popup.wxml--><view class="wx-popup" hidden="{{flag}}"> <view class='popup-container'> <view class="user_all"><open-data type="userAvatarUrl" class="use...原创 2019-05-15 10:28:25 · 366 阅读 · 0 评论 -
微信公众号制作代码
https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI5ODA5MDQ5Nw==&scene=110#wechat_redirect把MzI5ODA5MDQ5Nw这一块改成自己公众号的ID可以关注微信号周家大小姐-周檬 因为在改名中如果没找到可以搜走在微风中关注后输入公众号即可...原创 2019-05-11 15:39:56 · 3728 阅读 · 0 评论 -
小程序子组件数据数据不更新
在子组件中封装了星星评分,在父组件中调用,有一个奇怪的问题;就是这个子组件在很多页面都有用到,每个页面都没有问题,但在detail页面的时候用了两次星星,头部的总是会出现未评分;内容区的星星又是正常的,对数据打印后;发现是生命周期出现了问题,因为网络原因,数据头部数据还没有出来,子组件的attached生命周期已加载;所以赋了默认的值,解决方法:使用:https://deve...原创 2019-05-03 22:23:57 · 15070 阅读 · 0 评论 -
小程序封装search搜索组件
资源下载:https://download.csdn.net/download/qq_40190624/11157895用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面search子组件:<view class='searchbar'> <na...原创 2019-05-03 21:34:03 · 4291 阅读 · 0 评论 -
vue3.0 通讯录或城市列表点击左边字母跳到对应的内容
<template> <div class="city_body"> <!-- <div class="city_list"> <div class="city_hot"> <h2>热门城市</h2> &...原创 2019-05-10 23:25:24 · 1796 阅读 · 0 评论 -
vue 使用高德拖拽定位
index.html引入高德,一定要在头部引入,因为高德需要预加载 <!--引入高德地图JSAPI --> <script src="//webapi.amap.com/maps?v=1.4.13&key=010bac8f887bf63ff0d0d5c71b29e4bb"></script> <!--引入UI组件...原创 2019-07-16 18:11:46 · 1962 阅读 · 2 评论 -
vue transition 在子组件中失效
错误代码:子组件:<template> <div v-show="showMine"> <div class="mask" @click.self="onMask"></div> <transition name="slide-fade"> <div class="my_group" v-i...原创 2019-07-09 14:46:56 · 2666 阅读 · 0 评论 -
import * as Home from'./compoments/Home'; 是什么意思
import * as Home from'./compoments/Home';意思是将./compoments/Home'文件里的所有非默认组件,全部集结成一个Home模型组件,命名可以自定义,然后可以通过点语法,来使用组件里面的所有export的组件,例如:转载地址:https://blog.csdn.net/chevins/article/details/5152377...转载 2019-05-12 11:17:24 · 838 阅读 · 0 评论 -
css3 设置背景模糊
.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url() no-repeat 0 0 ; backgroun...原创 2019-05-29 20:41:40 · 1602 阅读 · 0 评论 -
css3 使用flex布局后遗症
因为在一个小程序中开发,采用的都是display: flex;justify-content: space-between;/* 自动换行 */flex-wrap: wrap;但是如果最后的数单个是没问题;如果只有两个的话;中间就会空出来一个,如果采用css3的justify-content: flex-start方法;那么他右边会空也来多一点;所以只能用js控制这...原创 2019-05-02 12:39:57 · 1125 阅读 · 0 评论 -
css 修改placeholder 占位符 字体颜色
<input class='search-input' placeholder-class='placeholder-input' placeholder='蚂蚁花呗'></input> .placeholder-input{ color: #fff;}原创 2019-04-29 12:12:54 · 1820 阅读 · 0 评论 -
css3 flex-grow,flex-shrink,flex-basis三者的结合使用
不管在什么情况下左边的盒子宽都不会变 <style> .container{ display: flex; } .left{ background: #000; height:100px; /* flex-grow: 800px; 是扩...原创 2019-04-29 11:40:06 · 600 阅读 · 0 评论 -
css3 从左到右自动换行和多行排列方式
如果一行放不下就会自动换行flex-wrap: wrap;.box{ display: flex; justify-content: space-between;//左右布局 width:300px; height: 300px; background: pink; flex-wrap: wrap;}.child1 ,.child2{ backgroun...原创 2019-04-22 23:33:10 · 7382 阅读 · 0 评论 -
css3 实现左右布局
.box{ display: flex; justify-content: space-between;//左右平均布局 width:300px; height: 300px; background: pink;}.left ,.right{ background: red; width: 100px; height: 100px;}...原创 2019-04-22 23:02:49 · 3231 阅读 · 0 评论 -
css3 flex-shrink 盒子收缩
.box{ display:flex; .child{ flex-shrink:10px 0 1; }}原创 2019-04-13 15:35:23 · 584 阅读 · 1 评论 -
js 判断是从哪个浏览器进入
function getAppClient() { var ua = navigator.userAgent.toLowerCase(); console.log(navigator) if (ua.match(/MicroMessenger/i) == "micromessenger") { ...原创 2019-06-18 09:51:19 · 327 阅读 · 0 评论 -
JS 面像对象封装
封装的js页面 // 封装window面像对象方法,把里面的东西变成全局给window,给外界使用 (function (window) { function Player($audio) {//定义一个类 // 类中创建了一个init的对像,(实例化出来的对象拥有prototype) ...原创 2019-05-29 23:38:16 · 682 阅读 · 0 评论 -
Js 将逗号替换成空格
let userArer ="中国,湖南,株洲" let region = that.data.region.replace(/,/g, " "); console.log(region)原创 2019-05-17 15:03:49 · 4157 阅读 · 0 评论 -
js 逗号替换空格
let userArer = "中国 湖南 株洲"let user_arer = userArer .replace(/\s+/g, ",")原创 2019-05-17 15:01:13 · 2791 阅读 · 0 评论 -
js 模块导出导入及小程序请求封装
url.jsconst globalUrls = { // 电影 movieList: "https://m.douban.com/rexxar/api/v2/subject_collection/movie_showing/items", // 搜索接口 searchUrl: function (q) { return "https://m.douban.com/r...原创 2019-05-12 13:27:24 · 646 阅读 · 0 评论 -
ES6 Promise 依次执行方法
let executer = (resolve, reject) => { resolve(`start`) } new Promise(executer).then(value => {//promise本来就是需要转入一个函数,这里为了方便写所以把函数当参传入 console.log(`then:...原创 2019-04-24 00:16:47 · 1344 阅读 · 0 评论 -
vue 点击加入购物车出现小球飞入购物车
<template> <div class="panelsbox"> <cube-scroll class="leftpanels"> <ul> <li v-for="(list,index) in tabslabel" @click='selectlist(in...原创 2019-06-11 21:20:16 · 1674 阅读 · 1 评论 -
vue 点击获取dom元素的位置 getBoundingClientRect()
html: <ul> <li v-for="(tag,index) in tags" :key="index"> <img :src="tag.image" alt=""> <p>{{tag.label}} <i cl...原创 2019-06-11 21:00:38 · 18632 阅读 · 0 评论 -
vue 使用vue-bus 父子组件和非父子组件使用
安装:npminstallvue-busmain.js 引入import Vue from 'vue';import VueBus from 'vue-bus';Vue.use(VueBus);子组件使用: <button @click="btnBack">点我</button> methods: { btnBack...原创 2019-06-11 15:54:41 · 875 阅读 · 0 评论 -
vue 实现搜索功能
/* 隐藏未编译的变量 */ [v-cloak] { display: none; } *{ margin:0; padding:0; } body{ font:15px/1.3 'Open Sans', sans-serif; color: #5e5b64; ...原创 2019-06-11 14:41:47 · 15855 阅读 · 1 评论 -
axios 一次发送多个请求 (执行多个并发请求)
function getUserAccount() { return axios.get('/user/12345');} function getUserPermissions() { return axios.get('/user/12345/permissions');}axios.all([getUserAccount(), getUserPermissions()])...原创 2019-06-11 14:28:21 · 18622 阅读 · 2 评论 -
vue a链接使用exact-active-class
exact-active-class配置当链接被精确匹配的时候应该激活的 class。可以通过以下代码来替代。<p> <router-link v-bind:to = "{ path: '/route1'}" exact-active-class = "_active">Router Link 1</router-link> <rou...原创 2019-06-11 14:11:16 · 839 阅读 · 0 评论 -
vue 路由使用
replace设置 replace 属性的话,当点击时,会调用 router.replace() 而不是 router.push(),导航后不会留下 history 记录。<router-link :to="{ path: '/abc'}" replace></router-link>append设置 append 属性后,则在当前 (相对) 路径前添加基...原创 2019-06-11 14:05:13 · 230 阅读 · 0 评论 -
vue 路由权限配置meta结合cube-ui插件
仓库地址:https://gitee.com/zhouyunfang/cube-jingdong需求:在我的和购物车页面需要用到权限,如果没有登录点击了购物车,就跳入登录页面,登录后直接进入购物车页面router.js{ path: 'search', name: 'search', component: () => ...原创 2019-06-09 23:17:53 · 842 阅读 · 0 评论