上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页
摘要: 最近一个需要用nuxt框架实现的pc自适应项目,从网上找了很多资料,最终完美实现 一、下载相关插件 npm i lib-flexible -Snpm i px2rem-loader -Dnpm install postcss-px2rem save 二、在plugins文件下新建 lib-flexi 阅读全文
posted @ 2021-10-07 14:28 IT小姐姐 阅读(2314) 评论(1) 推荐(0) 编辑
摘要: 先来了解一下官网:https://www.nuxtjs.cn/guide/vuex-store 一、首先在 store 文件下新建一个index.js文件 const state = () => ({ flag: false }) const mutations = { add(state, dat 阅读全文
posted @ 2021-09-28 09:43 IT小姐姐 阅读(535) 评论(0) 推荐(0) 编辑
摘要: key 属性Key:String 或者Function key属性赋值到<router-view>,这对于在动态页面和不同路径中进行转换很有用。不同的key会使页面组件重新渲染。 设置key方法1 <nuxt :nuxt-child-key="someKey" /> 方法2 在页面组件中 expor 阅读全文
posted @ 2021-09-27 11:19 IT小姐姐 阅读(2936) 评论(0) 推荐(0) 编辑
摘要: <!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d == 'sign'"> <p class="mask_gb" @click="cloces"> <img src="../s 阅读全文
posted @ 2021-09-27 09:08 IT小姐姐 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 一般做pc项目都会遇到侧边小按钮点击回到顶部的功能,现在记录一下项目中的实现方法 一、结合动画效果实现 <li class="defa_bt" @click="hddb"> <img src="../static/img/home/bom01.png" alt=""> </li> methods: 阅读全文
posted @ 2021-09-24 09:23 IT小姐姐 阅读(584) 评论(0) 推荐(0) 编辑
摘要: <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px"> <el-form-item label="手机号" prop="phone"> <el-input v-model.nu 阅读全文
posted @ 2021-09-22 11:52 IT小姐姐 阅读(1947) 评论(0) 推荐(0) 编辑
摘要: <!-- 登录弹框 --> <div class="mask" v-show="flag"> <div class="mask_content" v-show="type_d=='sign'"> <p class="mask_gb" @click="cloces"><img src="../stat 阅读全文
posted @ 2021-09-22 11:49 IT小姐姐 阅读(396) 评论(0) 推荐(0) 编辑
摘要: template中: <el-pagination background layout="prev, pager, next" :total="total" :page-size ="per_page" :current-page="currentPage" @current-change="cur 阅读全文
posted @ 2021-09-22 11:35 IT小姐姐 阅读(384) 评论(0) 推荐(0) 编辑
摘要: a标签跳新链接,如果链接为空则不跳转 <el-carousel-item v-for="item in slideList" :key="item.id"> <a v-if="item.link == '' " href="javascript:;" ><img :src="item.thumb" 阅读全文
posted @ 2021-09-18 23:17 IT小姐姐 阅读(237) 评论(0) 推荐(0) 编辑
摘要: <el-form class="det_foot" :model="form" :rules="rules" ref="form"> <h3 class="det_lytitle">在线留言</h3> <el-form-item class="det_form"> <el-input v-model 阅读全文
posted @ 2021-09-18 08:59 IT小姐姐 阅读(570) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 下一页