![](https://img-blog.csdnimg.cn/20190506105415806.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uniapp
uniapp探索
niersen丶尼尔森
微信13243750918
展开
-
【uniapp公众号分销商城从0到1】商城首页(05)
首页<template> <view class="container"> <!--header--> <view class="tui-header"> <view class="tui-category" hover-class="opcity" :hover-stay-time="150" @tap="class...原创 2019-12-30 18:25:58 · 740 阅读 · 1 评论 -
【uniapp公众号分销商城从0到1】手机验证注册登录(04)
资源一览:let _self; import { mapState, mapMutations, mapActions } from 'vuex' import tuiIcon from "@/components/icon/icon" import tuiButton from "@/components/button/button" const util = re...原创 2019-12-12 16:23:19 · 82780 阅读 · 0 评论 -
【uniapp公众号分销商城从0到1】路由配置(03)
pages.json路由配置{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarBackgroundColor": "#e41f19", ...原创 2019-12-12 16:15:47 · 312 阅读 · 0 评论 -
【uniapp公众号分销商城从0到1】微信获取code(02)
微信获取code传到后段获取openid等信息getWxCode.js【获取微信code的js】function getcode(redirect_uri){ let url = window.location.href; let wxurl = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa4a0ed...原创 2019-12-12 16:08:43 · 951 阅读 · 0 评论 -
【uniapp公众号分销商城从0到1】数据请求封装带拦截器(01)
interface.js/** * 通用网络请求 * 基于 Promise 对象实现更简单的 request 使用方式,支持请求和响应拦截 */export default { config: { baseUrl: "https:", header: { 'Content-Type':'application/json;charset=UTF-8', 'C...原创 2019-12-12 16:02:27 · 507 阅读 · 0 评论 -
uniapp 高德地图接入
1.登陆高德地图开放平台并下载sdk【sdk如下】function AMapWX(a){this.key=a.key,this.requestConfig={key:a.key,s:"rsx",platform:"WXJS",appname:a.key,sdkversion:"1.2.0",logversion:"2.0"}}AMapWX.prototype.getWxLocation=...原创 2019-06-05 16:45:29 · 9071 阅读 · 1 评论 -
uniapp 腾讯地图sdk接入
1.先去腾讯地图开放平台申请key2.下载sdk 如下文件/** * 微信小程序JavaScriptSDK * * @version 1.2 * @date 2019-03-06 * @author v_ylyue@tencent.com */var ERROR_CONF = { KEY_ERR: 311, KEY_ERR_MSG: 'key格...原创 2019-06-05 16:42:05 · 8977 阅读 · 3 评论 -
uniapp loading 组件
组件:loading.vue<template> <view> <view class="cu-load load-modal" v-if="loadModal"> <!-- <view class="cuIcon-emojifill text-orange"></view> --> <ima...原创 2019-05-30 15:39:19 · 11868 阅读 · 0 评论 -
uniapp 数据网络请求封装以及通用使用
index.jsimport http from './interface'/** * 将业务所有接口统一起来便于维护 * 如果项目很大可以将 url 独立成文件,接口分成不同的模块 * */// 单独导出(测试接口) import {test} from '@/common/vmeitime-http/'export const test = (data) => ...原创 2019-05-23 16:59:13 · 9693 阅读 · 4 评论 -
uniapp 图片缓存
//====================== // 图片缓存 //====================== function image_cache(image_url,image_name,call_back) { uni.getStorage({ key: image_name, success:function(res){ call_b...原创 2019-03-14 22:00:16 · 8398 阅读 · 0 评论 -
uniapp iconfonts的引入以及使用
1.去阿里巴巴矢量图库创建项目https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a2.找到code3.在uniapp项目中的app.vue的style中粘贴 并在这里添加https:4.下载矢量图库的zip 找到css 将这段代码复制粘贴5.使用方法:<view class=...原创 2019-03-14 17:00:41 · 1220 阅读 · 0 评论 -
uniapp获取手机验证码组件
<template> <view> <page-head :title="title"></page-head> <!-- 示例1 --> <view class="uni-text-small uni-center title">示例1</view> &原创 2019-01-28 15:17:35 · 10531 阅读 · 5 评论 -
uniapp 数据请求封装以及通用使用
// 参数: url:请求地址 param:请求参数 way:请求方式 res:回调函数 function urlRequest(url, param, way, res) { let deviceId = '' uni.getStorage({ key: 'deviceIds', success: function(res) { deviceId = re...原创 2019-01-28 15:16:02 · 24027 阅读 · 2 评论 -
uniapp unirequest 网络请求封装
<script> // 参数: url:请求地址 param:请求参数 way:请求方式 callBack:回调函数 function urlRequest(url, param, way, callBack) { let baseParam = { deviceId: "", os:"ios", ip:'192...原创 2019-01-23 19:49:26 · 21252 阅读 · 5 评论 -
uniapp分享
<template> <view> <page-head :title="title"></page-head> <view class="uni-padding-wrap"> <view class="uni-title">分享内容</view&a原创 2019-01-10 11:49:15 · 2993 阅读 · 1 评论 -
uniapp获取微信手机号码
<template> <view> <!-- bindgetphonenumber --> <button type="primary" open-type="getUserInfo" @click="getuserinfo" withCredentials="true">微信登录</butt原创 2019-01-10 11:48:00 · 18019 阅读 · 1 评论 -
uniapp小程序支付app 支付【前端部分】
<template> <view> <button @click="paymini">小程序支付</button> <button @click="payapp">app支付</button> </view></template>原创 2019-01-03 13:36:43 · 11032 阅读 · 2 评论 -
uni-app 获取用户微信资料 app 小程序
<template> <!-- 用户信息模块 --> <view class="userBox"> <!-- 昵称 --> <text class="nickName">{{nickNames}}</text> <!-- 头像 --> <i原创 2018-12-30 13:36:39 · 8794 阅读 · 1 评论 -
uniapp综合应用 滚动搜索 tab切换 上拉刷新 下拉加载 微信扫一扫
<template> <view class="pageov"> <!-- 搜索 start --> <view class="tui-header"> <view class="tui-rolling-search"> <!-- #ifdef APP-PLUS || MP --> <...原创 2019-10-11 09:12:19 · 1492 阅读 · 1 评论 -
uniapp / mpvue 底部规格选择层【部分代码】
<tuiBottomPopup :show="popupShow" @close="hidePopup"> <view class="tui-popup-box"> <view class="tui-product-box tui-padding"> <image :src="actInfos.smallImg" class="t...原创 2019-09-30 10:23:29 · 559 阅读 · 0 评论