库行天下-CSDN博客

原创 uniapp得横向滚动组件

<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0"> <view id="demo1" class="scroll-view-item_H uni-bg-red">A</view> <view id="demo2" class="...

2019-12-19 16:15:37 1865

原创 uniapp导入、加载、读取本地模拟数据json文件

1.建立json数据首先我们新建一个json.js文件注意是后缀js不是json。// 本地模拟json数据const data = [{“id” : 1,“name”:‘张三’},{“id” : 2,“name”:‘里斯’},{“id” : 3,“name”:‘试试’},{“id” : 4,“name”:‘发文’}]const banner=[{ i...

2019-12-19 13:43:48 8477 1

转载小程序上传头像

xml <view class="container"> <view class="info-cont"> <view class="infoMain"> <view class="info-items" bindtap="set...

2019-12-04 17:10:32 233

原创小程序优惠劵页面

xml<view class="content"> <view class="coupon-top"> <view class="exchange-box"> <input type="text" placeholder="请输入兑换码" bindblur='changeSearch' bindconfirm='changeSearch' bin...

2019-12-03 15:40:58 1445

原创小程序签到页面

xml<view class="main"><view class="signin-top" > <view class="mysignin-top" > <image class="userinfo-avatar" src="{{avatarUrl?avatarUrl :'/images/head.png' }}" ></imag...

2019-12-03 15:35:19 947

原创小程序，单页面自定义导航栏---my页面

my.xml <view class="custom"style="padding-top:{{statusBarHeight}};"> <navigatorclass="vipcode"url="../qrcode/qrcode"role="navigation"> <imagesrc="../../images/erweima....

2019-12-03 15:28:02 284

原创小程序底部优惠劵弹窗动画

xml <view class="conter"> <view class="coupon" bindtap="pop"> <text style="flex: 1; text-align: left;">优惠券</text> <text...

2019-12-03 15:14:59 1080

转载详情页

detail.wxml<import src="/template/quantity/index.wxml" />  <text bindtap="toggleDialog">请选择购买数量</text> <view class="dialog {{ showDialog ? 'dialog

2019-02-18 16:53:11 210

转载微信小程序商城开发之实现用户收货地址管理页面的代码

1、布局收货地址列表和新增收货地址页面2、实现省市县三级联动功能3、使用缓存管理数据一、收货地址列表管理addressList.wxml &amp;lt;view class=&quot;product-name-wrap&quot;&amp;gt; &amp;lt;view class=&quot;ui-list-item-info&quot;&a

2019-02-14 16:16:53 14730 9

转载小程序购物车

首先我们要拆分一下购物车的功能点1.商品选中功能，包括单选、全选2.商品数量加减功能3.商品的总数量计算4.商品的总价钱计算大致分为以上四点了，现在我们来一个个实现首先呢，我们现在js的data里放入一些数据//code表示编号,name商品名称,url图片地址,style类型说明，price价格，select是否选中,num购买数量list:[{ code:"0001...

2019-02-14 16:05:16 296

转载小程序如何实现星级评分效果？（代码示例）

wxml<block wx:for="{{stars}}"> <image class="star-image" style="left: {{item*100}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}"> <view

2018-12-21 14:12:43 3229

转载个人中心

mine.js// pages/mine/mine.jsvar app = getApp()Page({ data: { userInfo: {}, motto: 'Hello World', // orderItems orderItems: [ { typeId: 0, name: '待付款', ...

2018-12-18 14:25:10 610

转载微信小程序之购物数量加减

wxml：<view class="stepper">  <text class="{{minusStatus}}" bindtap="bindMinus">-</text>  <input

2018-12-13 13:56:53 1200

转载微信小程序滚动列表（无限滚动）

<view class='contentBottom'> <view class='BottomFirst'> <text id='0' data-id='0'>获奖名单</text> </view> <swiper class="tab-right" style='background:{..

2018-12-07 14:53:06 1549 1

转载微信小程序中实现上传视频的开发代码

index.wxml <view class="image-plus image-plus-nb" bindtap="chooseVideo"> <view class="image-plus-horizontal"></view> <view class="image-plus-vertical"&gt

2018-12-06 14:59:45 4795 2

转载小程序如何实现多图上传、图片预览效果？（代码示例）

wxml代码： <view class="weui-uploader__hd"> <view class="weui-uploader__title">点击可预览选好的图片</view> <view class="weui-uploader__info">{{pics.length}}/9<

2018-12-06 14:52:55 578

转载小程序如何进行地区选择器实现、调用？

region-widget.jsvar api = require('../../../utils/api/index.js');var constants = require('../../../utils/api/lib/constants');var raw = require('../../../utils/citys'); Component({ options: { ...

2018-12-06 14:48:46 946

转载小程序实例：如何自定义下拉刷新

js // components/test/test.jsComponent({/*** 组件的属性列表*/properties: { }, /*** 组件的初始数据*/data: {scrollHeight: 0,startY: 0,tips: '下拉刷新',isRefreshing: false}, /*** 组件的方法列表*/...

2018-12-06 14:39:29 1122 1

转载小程序验证码

验证码：<input bindinput="makecodeInput" type="text"><view bindtap="getcode" class="makecode">{{code}}</view><button bindtap="login">登录</button&

2018-12-06 14:35:34 741

转载微信小程序如何实现下拉框效果？（代码示例）

wxml代码：<view class='top-text'> 选择接收班级</view><view class='top-selected' bindtap='bindShowMsg'> <text>{{grade_name}}</text> <image src='/im...

2018-12-06 14:31:36 7770

转载 js数据导出excel

<html><meta charset="utf-8"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src=&quot

2018-11-30 13:25:08 254

转载地区选择三级

引入文件 <link rel="stylesheet" href="<?php echo base_url();?>static/ydui/css/ydui.css"> <script type="text/javascript" src="<?php echo base_url();?>static/js/city.js"&

2018-11-16 17:34:25 685

原创时间选择插件年月、月日选择切换

html 引入文件 <link rel="stylesheet" href="<?php echo base_url();?>static/css/rolldate.css"> <script type="text/javascript" src="<?php echo base_url();?>static/js/rolldate

2018-11-16 17:19:03 1487 2

原创积分抽奖

&lt;div class="jifenShop-box" style="display: none;"&gt; &lt;div class="jifennum"&gt; &lt;span class="fl"&gt;剩余积分：&lt;i cla

2018-11-16 17:06:40 432

原创手机端图片放大轮播懒加载

...

2018-11-16 16:54:02 213 1

转载点击div外区域隐藏div（解决与点击按钮触发冲突）

$(document).ready(function() {$(".B").hide();$(".A").click(function() {$(".B").toggle();});}).click(function(e) {e = e || window.event;if(e.target != $(’.A’)[0] &amp;&amp;

2018-11-16 16:35:17 411