let_me_shy荭-CSDN博客

原创微信小程序跑马灯效果

在这里我是把它当做一个组件来用的，命名为Marqueehtml代码如下<view class="horse-race-lamp">  <view class="example"> <view class="marquee-box"> <view class="marquee-text" style="left:{{marqueeDistance}}px;"> <vi

2021-08-17 14:17:14 311

微信小程序scroll-view实现自定义滚动条html  <scroll-view class="my-grid" scroll-x="true" bindscroll="getleft"> <view class="grid-item" wx:for="{{gridlist}}" wx:key="index"> <text>{{item.name}}</text> </view

2021-08-17 13:56:44 2687

原创微信小程序——录入车牌号码

咱们通过组件的方式来实现此功能：组件index.html <view class="modal-box"> <view class="modal-wrapper"> <view class="modal-title"> <view class="titleWrapper"><text class="title-text">请录入车牌号</text></v

2021-06-17 16:26:51 1884

原创微信小程序——转盘抽奖

效果图：转盘和里面的奖品名称都是背景图，如果需要自己配置奖品需要改html代码index.html<view class="containers"> <view class="main">  <view class="canvas-container"> <view animation="{{animationData}}" class="canvas-content" > &lt

2021-06-17 15:56:37 1429

原创 # 微信小程序——自定义导航栏

微信小程序——自定义导航栏因为这个头部导航是公共的，所以我们最好把它设置成一个组件，命名为navbarapp.js代码如下App({ globalData: { }, onLaunch: function () { let menuButtonObject = wx.getMenuButtonBoundingClientRect(); wx.getSystemInfo({ success: res => { let statusB

2021-06-17 15:29:34 139

原创 CSS布局 -- 圣杯布局 & 双飞翼布局

按照我的理解，其实圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。在这里，实现了左(200px) 右(200px) 宽度固定，中间自适应，container部分高度保持一致html代码中 middle部分首先要放在container的最前部分。然后是left,right1.将三者都 float:left , 再加上一个position:relative (因为相对定...

2019-11-22 17:18:50 126

原创微信小程序手机摇一摇功能

var socketOpen = false;var count = 0;var SocketTask;var url = 'xxxx'; //ws地址Page({ data: { }, onLoad: function (options) { }, onReady: function () { var that = this; // 监听协议 ...

2019-11-22 16:21:10 2099

原创微信小程序授权登录

小程序授权登录（获取手机号）首先，要在app.js里面onLaunch里面首次调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session_key）等，取得openid后存入缓存以便后面使用。App({ onLaunch: function () { // 展示本地存储能力 var openId =...

2019-11-12 17:48:31 221

原创小程序倒计时函数

直接调用方法就行，参数传时间戳function time(that, time) { that.setData({ countDownDay1: '00', countDownHour1: '00', countDownMinute1: '00', countDownSecond1: '00' }); va...

2019-11-12 17:12:48 266

原创原生JS倒计时功能

倒计时功能变量chazi就是倒计时的时间戳，这里是由PHP嵌入的，也可以由ajax调接口取值当做参数使用。 function timeOut() { var setTimer = null; var chazhi = 0; //差值计算 //真实时间(注意月份需减掉1，否则时间会计算错误) //chazhi = (new Date(year,month-1,day,ho...

2019-11-12 16:50:14 154

原创 H5页面点击右上角分享（微信分享）

$(function() { var shareThumb = 'http://www.ichelaba.com/static/activity_dffengguang/img/hdx1.jpg?v=00000001'; var shareTitle = '东风风光超级抢车节'; var shareDesc = '11月9日，东风风光超级抢...

2019-11-08 18:12:12 5514 1

原创 H5转盘抽奖，需要引入js（奖品由后台配置）

H5转盘抽奖 <div class="head_top"> <div class="head_rotary"> <div class="rotate_con"> <div class="rotate_prize_tit"></div> <div class="rotate...

2019-11-08 17:58:53 1420

原创小程序拖拽

加粗样式@TOC小程序实现拖拽功能在这里插入代码片```<view class='collectBox' bindtap='addCollect' wx:if="{{write[0]+write[1] > 0}}" bindtouchmove="touchmove" catch:touchmove style="left:{{w...

2019-11-08 17:04:36 414

let_me_shy的博客