- 博客(26)
- 资源 (10)
- 收藏
- 关注
原创 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 1876
原创 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 8691 1
转载 小程序上传头像
xml <!--pages/more/info/info.wxml--><view class="container"> <view class="info-cont"> <view class="infoMain"> <view class="info-items" bindtap="set...
2019-12-04 17:10:32 236
原创 小程序优惠劵页面
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 1476
原创 小程序签到页面
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 968
原创 小程序,单页面自定义导航栏---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 294
原创 小程序底部优惠劵弹窗动画
xml <view class="conter"><!-- 小程序底部优惠劵弹窗动画 触发按钮--> <view class="coupon" bindtap="pop"> <text style="flex: 1; text-align: left;">优惠券</text> <text...
2019-12-03 15:14:59 1094
转载 详情页
detail.wxml<import src="/template/quantity/index.wxml" /> <!-- sku选择 --> <text bindtap="toggleDialog">请选择购买数量</text> <view class="dialog {{ showDialog ? 'dialog
2019-02-18 16:53:11 222
转载 微信小程序商城开发之实现用户收货地址管理页面的代码
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 14824 9
转载 小程序 购物车
首先我们要拆分一下购物车的功能点1.商品选中功能,包括单选、全选2.商品数量加减功能3.商品的总数量计算4.商品的总价钱计算大致分为以上四点了,现在我们来一个个实现首先呢,我们现在js的data里放入一些数据//code表示编号,name商品名称,url图片地址,style类型说明,price价格,select是否选中,num购买数量list:[{ code:"0001...
2019-02-14 16:05:16 306
转载 小程序如何实现星级评分效果?(代码示例)
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 3241
转载 个人中心
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 625
转载 微信小程序之购物数量加减
wxml:<!-- 主容器 --><view class="stepper"> <!-- 减号 --> <text class="{{minusStatus}}" bindtap="bindMinus">-</text> <!-- 数值 --> <input
2018-12-13 13:56:53 1214
转载 微信小程序 滚动列表(无限滚动)
<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 1581 1
转载 微信小程序中实现上传视频的开发代码
index.wxml <view class="image-plus image-plus-nb" bindtap="chooseVideo"> <view class="image-plus-horizontal"></view> <view class="image-plus-vertical">
2018-12-06 14:59:45 4820 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 601
转载 小程序如何进行地区选择器 实现、调用?
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 965
转载 小程序实例:如何自定义下拉刷新
js // components/test/test.jsComponent({/*** 组件的属性列表*/properties: { }, /*** 组件的初始数据*/data: {scrollHeight: 0,startY: 0,tips: '下拉刷新',isRefreshing: false}, /*** 组件的方法列表*/...
2018-12-06 14:39:29 1132 1
转载 小程序验证码
验证码:<input bindinput="makecodeInput" type="text"><view bindtap="getcode" class="makecode">{{code}}</view><button bindtap="login">登录</button&
2018-12-06 14:35:34 754
转载 微信小程序如何实现下拉框效果?(代码示例)
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 8022
转载 js数据导出excel
<html><meta charset="utf-8"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="
2018-11-30 13:25:08 260
转载 地区选择 三级
引入文件 <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 697
原创 时间选择插件 年月、 月日选择切换
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 1500 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 445
转载 点击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 421
qrcode.rar
2019-12-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人