uni-app
haoqi好奇
五年程序员,精通前端和Java,可以定制开发,卫星:qingcreek(推荐),Q:2434705794
展开
-
html2canvas导出pdf,表格导出为pdf
导出滚动条外的表格,同时过滤不需要的元素。1.安装插件npm i html2canvas jspdf --save-dev2.新建htmlpdf.js文件import html2Canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param node 要生成 pdf 的DOM元素(容器) * @param padfName PDF文件生成后的文件名字 * *///主要代码funct原创 2022-05-06 16:19:54 · 771 阅读 · 1 评论 -
vue多个商品选择与列表显示
// mock数据classRoom: [{ "id": "598", "name": "初中课程全套", "now_price": "0.01", "price": "880.00", "classroomCourse": [{ "id": "2434" }], "course": [{ "id": "504", "name": "初一语文", "is_free": 1 }, { "id": "629", "name": "初一初学.原创 2020-11-18 15:06:42 · 2095 阅读 · 0 评论 -
uni-app底部绝对定位后随键盘弹起解决方法
<view v-if="tabbar">底部悬浮</view>data(){ return{ tabbar: true, windowHeight: '' }},onLoad() { uni.getSystemInfo({ success: (res)=> { this.windowHeight = res.windowHeight; .原创 2020-10-12 11:53:42 · 2482 阅读 · 1 评论 -
uni-app(vue)中使用Vuex的action封装和发送请求
1.封装请求可参考我之前的文章2.创建一个文件 api.js 封装具体的请求// 导入封装的请求import request from '@/utils/request.js'// 导出export function reqDataList(id){ // 资讯列表 return request({ url: 'mv1/list?id=' + id, method: 'get' })}3.vueximport {reqDataList} from '@/api.原创 2020-09-04 09:30:35 · 3416 阅读 · 0 评论 -
uni-app(Vue)直播拉流
@[TOC] uni-app(Vue)直播拉流 <div class="prism-player" id="J_prismPlayer"></div> ```javascript created() { function loadScriptString(src) { var script = document.createElement('script') //创建一个script标签 script.type = 'text/javascript原创 2020-08-20 18:31:30 · 3732 阅读 · 1 评论 -
uni-app拦截未登录状态,返回到登录
1. main中判断用户是否有tokenVue.prototype.checkLogin = function(){ const token = uni.getStorageSync('token') if(token === ''){ // 本地没有token表示未登录 console.log('未登录返回到登录页') uni.reLaunch({url:'/pages/login/index'}) return false }}2.组件中调用原型方法onLoad()原创 2020-08-12 17:22:14 · 10380 阅读 · 5 评论 -
Uni-app Android 离线打包集成 uni-push(个推)消息推送
1.在Androidmainfest.xml文件manifest节点下加入<uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.READ_PHONE_STATE"/><uses-permission android:name="android.permission.ACCESS_NETWORK_STAT原创 2020-06-13 11:38:53 · 3386 阅读 · 2 评论 -
uni-app导航栏图标按钮事件onNavigationBarButtonTap不执行
问题:这样如果图标按钮是设置在pages.json的第一个页面,点击图标按钮是没有效果的。解决方案:修改manifest.json配置文件// app-plus节点下添加 "splashscreen" : { "alwaysShowBeforeRender" : true, "waiting" : true, "autoclose" : true, "delay" : 0},完整manifest.json{ "name" : "一...原创 2020-06-08 17:53:20 · 15354 阅读 · 2 评论 -
uni-app更新APP,版本更新,APP安卓离线打包后更新无法弹出安装
export default { onLaunch: function() { console.log('App Launch'); // 检查更新 //#ifdef APP-PLUS plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => { var version = wgtinfo.version // 客户端版本号 let update = { url: this.$URL + '/api/.原创 2020-05-11 18:03:57 · 3978 阅读 · 3 评论 -
uni-app 封装请求接口,promise封装请求
1. 在根目录下创建Utils.js 文件(内容如下)let apiReq={ req(obj){ var method = obj.method || "GET"; // 请求方式,默认为GET var url = obj.url || ""; // 请求路径 var data = obj.data || {}; // 请求数据 var header = obj.hea...原创 2020-01-17 11:28:07 · 10903 阅读 · 10 评论 -
uni-app消息推送
1. 注册和实名认证dcloud开发者(https://dev.dcloud.net.cn/)2. 登录HbuilderX开发工具,创建你的项目3. 在manifast.json 中配置勾选app SDK中的 DCloud UniPush服务4. 在开发者后台进入项目,选择项目里面的Uni-push -->厂商推送设置5. 申请对应厂商品牌的app信息(这需要几个工作日)...原创 2020-01-02 16:40:08 · 6415 阅读 · 7 评论 -
uni-app 页面滑动距离后出现回到顶部按钮,回到顶部
html<view class="top" :style="{'display':(flag===true? 'block':'none')}"> <uni-icons class="topc" type="arrowthinup" size="50" @click="top"></uni-icons></view>jsdata...原创 2019-12-13 17:24:50 · 7653 阅读 · 7 评论 -
删除uni-app顶部标题栏默认返回按钮
1.找到项目根目录下的pages.json文件2.在pages数组中找到你要删除页面顶部栏返回键的对象3.在对象style下加入"app-plus": { //uni-app项目对应节点名称为"app-plus" "titleNView": { "autoBackButton":false } }...原创 2019-12-10 11:09:58 · 6002 阅读 · 3 评论