星河几重 - 博客园

2021年7月17日

摘要：效果图： wxml: <view class="item"> <view class="left">联系地址：</view> <picker class="right" mode="region" bindchange="bindRegionChange" value="{{region}}" cu 阅读全文

posted @ 2021-07-17 12:09 星河几重阅读(476) 评论(0) 推荐(0) 编辑

自定义picker多列选择器

摘要： wxml: <view class="item"> <view class="left">服务产品：</view> <picker mode="multiSelector" class="right" bindchange="bindMultiPickerChange" bindcolumnchan 阅读全文

posted @ 2021-07-17 12:02 星河几重阅读(676) 评论(0) 推荐(0) 编辑

2021年7月16日

获取用户信息并且缓存信息

摘要：最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整，并提出了一个新的接口供开发者调用点击前往官网查看更多详细信息 wxml: <view class="login">  <view class="left" wx:i 阅读全文

posted @ 2021-07-16 23:41 星河几重阅读(231) 评论(0) 推荐(0) 编辑

2021年6月30日

jquery 火箭升空效果

摘要：图片素材：rocket_button_up.png <div style="display:none;" id="rocket-to-top"> <div style="opacity:0;display:block;" class="level-2"></div> <div class="leve 阅读全文

posted @ 2021-06-30 09:45 星河几重阅读(74) 评论(0) 推荐(0) 编辑

2021年6月25日

bshare网页分享插件

摘要：效果图： // 侧边栏分享效果 window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", 阅读全文

posted @ 2021-06-25 10:38 星河几重阅读(374) 评论(0) 推荐(0) 编辑

2021年6月24日

背景彩带动画插件ribbon.js

摘要：效果图：插件ribbon.js代码如下： /** * Ribbons Class File. * Creates low-poly ribbons background effect inside a target container. */ (function (name, factory) { 阅读全文

posted @ 2021-06-24 23:03 星河几重阅读(761) 评论(0) 推荐(0) 编辑

2021年6月8日

鼠标点击出现爱心特效

摘要：效果图： (function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window. 阅读全文

posted @ 2021-06-08 16:10 星河几重阅读(124) 评论(0) 推荐(0) 编辑

2021年6月4日

CSS3制作旋转的风车2

摘要：效果图： html <div class="box"> <div class="point"></div> <div class="leaf leaf1"></div> <div class="leaf leaf2"></div> <div class="leaf leaf3"></div> <di 阅读全文

posted @ 2021-06-04 18:01 星河几重阅读(93) 评论(0) 推荐(0) 编辑

2021年6月3日

html网页添加背景音乐

摘要：方法一在<head></head>中的title标签之下添加以下这行代码 <embed src="web网页制作\03.mp3" hidden="true" autostart="true" loop="true"> 说明： 1、 src="",在""内添加你音乐的保存路径。 2、使用hidden 阅读全文

posted @ 2021-06-03 21:17 星河几重阅读(1035) 评论(0) 推荐(0) 编辑

2021年5月30日

拨打电话API

摘要：官网：电话拨打电话 wx.makePhoneCall(Object object) phoneNumber 参数值类型需为字符串。 wx.makePhoneCall({ phoneNumber: '1340000', //仅为示例，并非真实的电话号码 success() { console.log 阅读全文

posted @ 2021-05-30 23:26 星河几重阅读(494) 评论(0) 推荐(0) 编辑

点击复制功能、拨打电话

摘要：效果图： wxml <view class="box"> <image src="../../images/online/weixin.png" mode="widthFix" /> <view class="tell">{{weixin}}</view> <view class="tip" dat 阅读全文

posted @ 2021-05-30 23:23 星河几重阅读(252) 评论(0) 推荐(0) 编辑

2021年4月18日

keep-alive实现的简单实例

摘要：效果图： 1、在App.vue页面 <template> <div id="app"> <div id="nav"> <router-link to="/home">Home</router-link> | <router-link to="/about">About</router-link> | 阅读全文

posted @ 2021-04-18 11:23 星河几重阅读(264) 评论(0) 推荐(0) 编辑

vue中keep-alive的使用及详解

摘要： keep-alive 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释：包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不阅读全文

posted @ 2021-04-18 10:49 星河几重阅读(3170) 评论(0) 推荐(0) 编辑

2021年4月17日

路由$route 和 $router 的区别

摘要： $route $route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。 1、$route.path 字符串，对应当前路由的路径，总是解析为绝对路径，如 "/foo/bar"。 2、$route.params 一个 key/value 对象，包含阅读全文

posted @ 2021-04-17 13:57 星河几重阅读(488) 评论(0) 推荐(0) 编辑

＜router-link＞属性详解

摘要： <router-link>组件支持用户在具有路由功能的应用中点击导航。通过to属性指定目标地址，默认渲染为带有正确连接的 <a> 标签，可以通过配置tag属性生成别的标签。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的css类名 <router-link>组件的属性有： to 、repl 阅读全文

posted @ 2021-04-17 13:48 星河几重阅读(1860) 评论(0) 推荐(0) 编辑