07 2021 档案
摘要：npm安装 npm install --save chinese-lunar-calendar vue中用法 <div class="right-cla">{{nowTime}}</div> <div class="center-cla"> <div> {{nowDate}} </div> <div
阅读全文
摘要：项目需求，做手机端的时候导航栏可以左右滑动，并且点击某个导航的时候，需要滑动到屏幕中间，且在另一个页面跳转过来的时候定位到相应的位置。代码如下： 1.点击某个导航，需要滑动到屏幕中间 html： <div class="top-box"> <ul id="active-li" class="acti
阅读全文
摘要：根据项目需求，UI设计特殊字体，前端根据UI给的特殊字体，引入到自己的项目中，但是出现了引入不生效的情况，网上搜索也没有找到原因，左思右想发现问题，我们在引入的时候需要注意以下几点，这是我出现的问题 1.引入几个就需要用几个@font-face 如下： @font-face { font-famil
阅读全文
摘要：1、通过这段js来替代媒体查询（页面具体宽常见：720/750）单位用rem，通过js所得比例为100：1 此时假定html 即1rem = 100px 具体代码如下 ↓ function pgScale(){ var deviceWidth = document.documentElement.c
阅读全文
摘要：JSON数据: [ {img: /5bbb465d-4dd2-4b14-9fa8-b48aaad95221/qq05.png" id: 1 spiritName: "数据1" url: "https://www.baidu.com/" }, { img: /5bbb465d-4dd2-4b14-9f
阅读全文
摘要：<el-col :span="12"> <el-form-item class="is-required" label="身份证号码" prop="idCode" :rules="{required: true,validator: checkIdCode,trigger: 'blur'}"> <e
阅读全文
摘要：width: calc(100% - 80px); 屏幕自适应方法 width: calc(100% - 49% - 20px); 100%减去中间的间距（或者第一个盒子的宽度以此类推） <input type="text" name="fullName" placeholder="12" οnke
阅读全文
摘要：1、利用line-height和vertical-align <div class="box"> <span>测试文字</span> </div> .box{ width: 200px; height: 200px; overflow: hidden; background: #ccc; text-
阅读全文
摘要：1.当一个块级元素的内容在水平方向发生溢出时， overflow-x决定应该截断溢出内容，或者显示滚动条，或者直接显示溢出内容。 2.-webkit-overflow-scrolling属性控制元素在移动设备上是否使用滚动回弹效果。 合法值：auto | touch auto：使用普通滚动，当手指从
阅读全文
摘要：情景： 1.当点击当前元素增加addClass一个样式，并对其他的元素进行删除样式； 2.当点击某个元素，div盒子内容显示相应内容 <ul id="activeLi"> <li class="box">北京</li> <li class="box">广州</li> <li class="box">
阅读全文
摘要：避免使用非原始值作为关键字，而使用字符串/数字值代替。 解决方法： <el-carousel class="swiper-container" :interval="5000" arrow="hover" @change="carouselItem"> <el-carousel-item v-for
阅读全文
摘要：在向后台传递参数的时候，已经将值展示出来了，j接口是正常的，没有错误，但是返回的一直是500，后来对比看是因为没有将参数包成对象传给后台 不转换成JSON 会报错 Unexpected identifier 方法： JSON.stringify(对象) params ={ name:"name",
阅读全文
