
uni-app
文章平均质量分 53
uni-app
Southern Wind
前端开发
个人博客:https://nanchen042.github.io/docs/
稀土掘金: https://juejin.cn/user/1588130256005415/posts
展开
-
HbuilderX使用Uniapp+Vue3安装uview-plus
如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章小程序的第三方ui库推荐较多的还是uview的,看起来比较美观,功能也比较完善,下面将提一下Vue3安装uview-plus库的教程。原创 2023-12-08 22:00:00 · 4751 阅读 · 0 评论 -
uni-app——一键获取用户信息
用户不想输入账号密码,一键登录<label for="" @click="LoginDL">一键登陆</label>uni.getUserProfile(只支持微信小程序)获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。参数说明: uni.getUserProfile({ //获取微信信息 desc: '用于获取您的个人信息', // 声明获取用户个人信息后的用途,不超过30个字符 s...原创 2022-03-01 19:22:34 · 4755 阅读 · 2 评论 -
uniapp——打包上架微信小程序教程
首先打开manifest.json下的微信小程序配置 ,勾选所有点击“发行”点击发行这时候就会跳转到微信小程序中,如果没出现以下错误可以跳过此步骤在本地设置中勾选“不校验合法域名........”输入版本号和备注后点击上传在微信小程序官网中点击“版本管理”,下面有个刚刚的开发版本点击提交审核填写信息直接提交会出现以下问题点击我知道了,再次点击“更新当前版本的用户隐私协议”进入后填写以下信...原创 2022-01-18 23:07:00 · 3209 阅读 · 1 评论 -
uniapp——云打包安卓教程
目录证书文件不是有效的keystore文件解决方案在uniapp中找到manifest.json文件,点击基础配置,配置一下说明注意:(项目的名称写和下方绑定的名称一致,我这里下面是shop而不是kgc,这里把kgc改成shop即可)点击“发行”“原生APP云打包”这里的证书别名也是shop不是KFC不知道证书的话点击“如何生成证书”然后会跳转一个页面安装JRE环境https://www.oracle.com/technetwork/ja.....原创 2022-01-18 22:45:49 · 4614 阅读 · 0 评论 -
uniapp——左滑编辑删除按钮实现,以及表单验证
滑动交互1、下载插件,引入2、使用方法/* 引用 */import tSlide from "@/components/t-slide/t-slide.vue"components:{tSlide}/* 使用 */<template> <view class="t-wrap" > <t-slide ref="slide" @edit="edit" @del="del" @itemClick="itemClick">原创 2022-01-17 19:34:04 · 2314 阅读 · 0 评论 -
uniapp——添加购物车数据以及删除购物车数据
detail.vue中添加app.vue dodelgoods({ commit, state }) { $H({ url: '/cart/delete', method:'POST', data: { shop_ids: state.selectedAll.join(',') }, header: { token: true } }).then(res => ...原创 2022-01-14 13:41:56 · 2320 阅读 · 0 评论 -
uniapp——对加入购物车进行权限管理
封装接口detail.jsexport function AddCart(id,type,num){ return myRequest({ url:`/cart`, method:'POST', data:{ shop_id:id, skus_type:type, num:num }, header:{ token:true } })}引入detail.js import { getDetail,AddCart } from '..原创 2022-01-13 16:45:12 · 593 阅读 · 0 评论 -
uniapp——获取退出登录
对vuex进行封装index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)import cart from './modules/cart.js'// import user from './modules/user.js'let store = new Vuex.Store({ modules:{ cart, }})export default storecart.jsexport de..原创 2022-01-12 20:18:48 · 4101 阅读 · 0 评论 -
uniapp——商城购物车联动效果
1、制作头部 <!-- #ifdef MP --> <search-slot> <view class="left" slot="left"> </view> <view class="center" slot="center"> 购物车 </view> <view class="right" slot="right" A> <view v-if="i.原创 2022-01-04 18:53:34 · 2705 阅读 · 3 评论 -
Vue——css留白样式
微信小程序端divider.vue<template> <view class="divider"></view></template><script></script><style> .divider{ height: 18rpx;background: #F5F5F5; }</style>效果如下:vue端<template> <d原创 2022-01-03 19:35:31 · 351 阅读 · 0 评论 -
uniapp登陆页面功能
首先是布局<template> <view> <view class="d-flex a-center j-sb py-2 px-3 text-light-muted"> <view class="iconfont icon-shanchu1" ></view> <view class="font-md" >忘记密码</view> </view> <view class="p原创 2022-01-03 14:35:47 · 12987 阅读 · 3 评论 -
uniApp微信小程序之——获取腾讯地图的定位功能以及解决uni-app提示getLocation 需要在app.json中生命permission字段的方法
下载即可解压完毕后有两个js文件使用min.js的包放入common里用在哪个页面就在哪个页面中引入 var QQMapWX = require('../../common/lib/qqmap-wx-jssdk.min.js'); 接下来在onLoad中使用下面这段代码(当然也可以放入mounted里面) qqmapsdk = new QQMapWX({ key: '申请的key' });这...原创 2021-12-14 20:58:07 · 3462 阅读 · 1 评论 -
uniapp、vant——匹配空白字符
有空格就是false,写东西就是true原创 2021-12-09 22:15:45 · 750 阅读 · 0 评论 -
父组件接收子组件的图片路径写法
第一种:在子组件中直接写静态链接<img src:"../xxxxxx.png">第二种 :用:img动态引入img<hot :oneDiv="oneDiv" :img="require('../images/demo/demo4.jpg')"></hot>子组件中<img :src="img" /> props: { img:{ template: "#hot", } },...原创 2021-12-04 11:34:06 · 1838 阅读 · 0 评论 -
uni-app兼容app-h5-微信小程序——下拉菜单、搜索栏
globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等。属性 类型 默认值 描述 平台差异说明 backgroundColor HexColor #ffffff 下拉显示出来的窗口的背景色 微信小程序 backgroundTextStyle String dark 下拉 loading 的样式,仅支持 dark / light 微信小程序 enablePullDownRefresh Boolea原创 2021-11-29 09:28:52 · 5301 阅读 · 0 评论 -
使用uni-app引入阿里巴巴矢量图以及出现小长方形解决方法
首先就是下载阿里巴巴矢量图,不知道怎么用的可以去看一下这篇文章webpack打包font文字目录下的06篇如果是在pages.json文件下引入图标可以使用第一种(Unicode)引入引入时需要把前面的&#x给去掉,换成u比如:如果是写在vue里的字体,可以用第二种方式样式是在iconfont.css中查找对应样式直接这样写完是没有效果的,一般效果中会出现小长方形,因为没有引入路径,这时,建议大家引入在线的路径并加上https:即可打开iconfont.cs.原创 2021-11-29 09:05:14 · 1830 阅读 · 0 评论