web端和移动端样式自适应（媒体查询响应式布局）在遇到需要适应多端情况是，可以选择使用媒体查询响应式布局，简单好用首先适应最小机型，例如你要在最小机型的某一个div加上边框那么如下写法 再把机型切换小就可以看到效果了@media screen and (max-width:360px){.rule{border: 1px solid #FF5A5A;}}这里是适应比如ipad这种宽度机型的，同上也

最近遇到一个比较少见的bugel-input样式修改之后在个别浏览器和电脑上显示效果不同，仔细看控制台发现 标签结构不同。为了兼容两种格式的标签 样式修改成功，代码上做一些调整。相同的样式，不同的类名，兼容两种情况。

首先在项目的根目录创建一个util.js文件，在js文件中写入当前封装请求的方法let apiReq={req(obj){var method = obj.method ; // 请求方式,默认为GETvar url = 'http://192.168.0.122:8080'+obj.url; // 请求路径var data = obj.data||undefined; // 请求数据var he

uniapp 引入阿里矢量图标库的详细步骤及踩坑经历首先在阿里矢量图标库选择自己喜欢的图标加购物车如下图点击右上角的购物车添加到项目这里有坑首先你不选中在线链接 你是看不到@font-face { font-family: 'iconfont'; /* project id 1987983 */ src: url('//at.alicdn.com/t/font_1987983_jodk4yx0hq

1、安装npm install uuid2、在需要使用的页面引入入口文件import { uuid } from 'vue-uuid';3、最后就是使用了localStorage.setItem('uuid',uuid.v1())直接取uuid.v1 就OK了

在uniapp中的背景图需要动态变换 一般结合后台返回数据渲染很简单 但是每次都记不住 自己写写加深印象这里是简单的html 代码<view class="loginBg" :style="{backgroundImage: 'url(' + imageURL + ')','background-repeat':'no-repeat', backgroundSize:'100% 100%'}

1、将字体的包体存入在static文件夹下2、在app.js中引入@font-face {font-family: my-font;src: url('~@/static/Times New Roman.ttf');}3、最后在页面中正常使用就行了.content {overflow: hidden;position: relative;background: url(../../static/b

npm安装npm install svgaplayerweb --save下载svga.min.js文件：https://github.com/svga/SVGAPlayer-Web存放于文件夹中，在使用的页面引入import SVGA from '../../data/svga.min.js';在页面需要的地方写入逻辑onReady(){//svga的播放情况const player = new