![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
黒客与画家
忍不了,你就是俗人一个!
展开
-
uniapp微信小程序生成分享海报,进入页面就循环生成多张~
先看看整个案例成效的效果本案例是uniapp小程序,用到uview框架。需求描述:进入页面的时候循环生成多张,并以swiper的方式展示出来,以供使用。下面我们进入正题需要用到的插件:https://ext.dcloud.net.cn/plugin?id=1480可以到插件市场去下载和看使用教程,作者非常贴心,插件还提供了海报样式代码生成的工具,可以根据自己的需要布局样式生成相应的JSON样式,然后再稍微调整一下细节,简直不要太方便。自己去看和使用我就不多说了。生成海报页面代码&原创 2022-02-08 11:36:07 · 16911 阅读 · 1 评论 -
解决:uni.getMenuButtonBoundingClientRect();获取到的数据都为零的问题
出现场景:正常进入可以获取得到但是进入小程序之后,点击右上角,点击重新进入小程序就会出现获取都为0的情况console.log('oMenuBtn:',oMenuBtn);//打印 width:0,bottom:0,top:0,...代码是写在App.vue里面,启动后获取状态栏的高度并存到vuex中使用oMenuBtn = uni.getMenuButtonBoundingClientRect() console.log('oMenuBtn:',oMenuBtn); s原创 2021-09-27 18:21:29 · 5904 阅读 · 0 评论 -
如何在uni-app项目里使用tailwindcss,且兼容小程序(详细)
Hbuilder构建项目自由度比较低,我选择使用VScode构建uni-app不懂的请看这一篇文章:《如何用vscode构建uni-app项目》安装相关依赖:这是我项目的依赖给大家参考一下:安装tailwindcss本人安装的是兼容版的:详细安装请移步>>> tailwindcss官网-安装1.安装tailwindcss`npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcs原创 2021-05-26 19:11:45 · 22542 阅读 · 6 评论 -
用VScode搭建uni-app项目(较全)
cli工程全局安装vue-clinpm install -g @vue/cli通过cli创建uni-app项目 vue create -p dcloudio/uni-preset-vue uni-app选择项目模板,可自由选择如下图:创建uni-项目使用vscode打开创建的项目安装vue语法提示插件cli工程自带uni-app&5+app语法提示安装组件语法提示npm i @dcloudio/uni-helper-json从 git 下载 uni-app 代码块原创 2021-05-26 18:24:07 · 33404 阅读 · 4 评论 -
uni-app/vue css实现商城分类页面选项卡选中时,右上左下是圆弧过度的选中样式
vue css实现商城分类页面选项卡选中时,右上左下是圆弧过度的选中样式:如图html部分<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop" :scroll-into-view="itemId"> <view v-for="(item,index) in cateRes" :key="index" class="原创 2021-05-07 23:02:29 · 609 阅读 · 0 评论 -
uniapp scroll-view组件滚动到后点击按钮回到组件顶部方法
前言uniapp scroll-view组件滚动到底后点击按钮回到组件顶部方法官方文档设置 this.scrollTop=0的方法无效,在网上找了个这个方法。不知道是什么原理this.scrollTop = Math.random(); <view class="bottom-tips" @click="goTop" id="gototop">没有更多菜单了哦~ </view> goTop: function (e) { this.scrollTo原创 2021-04-04 19:04:10 · 1008 阅读 · 1 评论 -
uni-app微信小程序爬坑-父组件给子组件传值并绑定到子组件:style以及图片路径问题
**前言uni-app开发小程序油时候兼容性真的是千奇百怪今天自己封装了一个无信息占位组件,组件源代码如下:第一个问题请看注释<template> <view class="no-tips flex-c-c"> <image :src="imgSrc" :style="[imgStyle]"></image> //这里的imgStyle传过来的是一个对象,如果是这样用: //<image :src="imgSrc" :style=原创 2021-03-26 23:35:48 · 1173 阅读 · 0 评论 -
uni-app:封装自己的request请求
前言在开发中由于域名会经常变化,或者对借口和返回状态统一管理,这时候需要对uni的request进行二次封装const BASE_URL='https://....'export const myRequest=(option)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:BASE_URL+options.url, method:option.method||'GET', data:opti原创 2021-03-14 23:08:59 · 132 阅读 · 0 评论 -
Hbuilder开发:windows端 Android第三方模拟器-夜神,安装和使用,长期更新问题
前言:Hbuilder开发安卓端系统需要试试调试,一直看手机的话会影响我们的开发效率,避免不了要安装一个模拟器;一开始我是用Dcloud推荐的安装JDK和SDK的方法,安装了,但是打开一直是未响应状态,可能是电脑的原因吧(原地爆炸)所以试试用第三方模拟器;不知道开发中会不会好用,如果遇到什么问题我会一直再此贴更新,敬请关注;这里我以很多人推荐的:夜神模拟器第一步:安装夜神,太简单了,省略第二步,需要Hbuilder连接夜神的端口:(一般是62001);保险起见,我们还..原创 2021-03-13 19:06:15 · 574 阅读 · 0 评论