uni-app
WeirdoPrincess
不要太着急否定一些东西
你可能是今天心情不好
展开
-
解决uni-app无法使用icon-font彩色图标(Symbol方式)
解决uni-app无法使用icon-font彩色图标(Symbol方式)原创 2022-07-08 14:41:28 · 1908 阅读 · 2 评论 -
uni中requestAnimationFrame的使用
<template></template><script module="animate" lang="renderjs"> export default { methods: { animate(){ // 动画... requestAnimationFrame(() => { this.animate() }) } } }</script>在官方示例(hello uniapp原创 2021-01-21 10:19:52 · 3676 阅读 · 0 评论 -
uni-app+uview 购物车模块组件(笔记)
<template> <!-- 商品列表 --> <view class="wee-cart"> <view class="bg"></view> <view class="tips" v-if="goodsList.length==0"> <u-image class="tips-img" width="305" height="200" src="/static/base/shopping-cart.png"原创 2020-12-18 10:46:10 · 3534 阅读 · 6 评论 -
uni中vue组件父子值传递
一、父组件向子组件传递数据(props)//child<template> <view class="container" style="background: #0062CC;"> <view class="child"> hi {{showModal}}</view> </view></template><script> export default {原创 2020-12-02 10:56:28 · 149 阅读 · 0 评论 -
uni-app i18n 国际化/多语言配置
基于uni-app的项目去配置多语言首先在项目中安装vue-i18nnpm install vue-i18n配置main.jsimport Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n);const i18n = new VueI18n({ locale: 'zh-CN', messages: { 'zh-CN': require('@/language/zh_CN.json'), 'en-U原创 2020-08-06 16:43:12 · 1232 阅读 · 0 评论 -
uniapp uni.setClipboardData成功默认提示
uni.setClipboardData({ data: 'hello uniapp', success: function() { //重点~做笔记 //在success中加入uni.hideToast()可以解决 uni.hideToast(); //以下就可自定义操作了~ }, fail: function(err) { uni.showToast({ title: '复制失败', duration: 2000, icon: 'none' }); }原创 2020-07-08 16:33:08 · 8975 阅读 · 2 评论 -
解决uni-app开发中刘海屏下背景不能全屏铺满的问题
使用原生占位(仅App端支持)mainfest.json 文件 app-plus 节点下配置 safearea"safearea": { "background": "#CCCCCC", "bottom": { "offset": "auto" } } 不使用原生占位(非App端可以不配置mainfest)mainfest.json 文件 app-plus 节点下配置 safearea"safearea": { "bott原创 2020-07-06 17:53:40 · 6190 阅读 · 0 评论 -
uni-app 页面&组件生命周期
不论是app还是小程序,生命周期是非常重要的知识点。uni-app 支持如下生命周期函数:页面的生命周期onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),参考示例onShow 监听页面显示onReady 监听页面初次渲染完成onHide 监听页面隐藏onUnload 监听页面卸载onPullDownRefresh 监听用户下拉动作onReachBottom 页面上拉触底事件的处理函数onShareAppMessage 用户点击右上角分享 微信原创 2020-07-01 11:10:12 · 21850 阅读 · 1 评论 -
uni-app中添加RSA加密教程
使用yarn安装至uniapp(同vue)项目yarn add jsencrypt --dep或者使用npmnpm install jsencrypt --dep引入jsencrypt项目中会出现node_modules文件夹,进入文件,再进jsencrypt***,再进bin文件用下面的附件解压出来替换jsencrypt.js文件引入jsencryptimport { JSEn...原创 2020-04-13 17:37:16 · 7008 阅读 · 4 评论 -
UNI-APP使用微信SDK(微信H5)
npm方式使用下方指令进行安装npm install jweixin-module --save 在项目中引用为了方便使用,我单独出一个微信相关的 js 文件,进行相关的初始化等操作。wechat.js 「该文件我放置在项目根目录,可以根据自己情况选择」//自己封装的 uni.requestimport http from '@/common/api'var jweixin = require('jweixin-module');export default { /* 判断是否在微原创 2020-09-21 16:07:09 · 3183 阅读 · 1 评论