摘要: 栅格系统中鼠标悬停时向左改变宽度 关键词: transform: scaleX(1.2) transform-origin 栅格一行两列布局,,左侧图片,右侧ul li列表 html代码: <div class="row tet"> <div class="col-12 col-md-8"> <di 阅读全文
posted @ 2020-04-02 22:13 chalkbox 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 栅格+定位使图片高于文档流 用来展示图片不规则的定位,仅供参考!(row和col-4是参考bootstrap栅格系统做的) html: <div class="ui container"> <div class="row r1"> <div class="col-4 col-md-4 c1"> <d 阅读全文
posted @ 2020-04-01 22:34 chalkbox 阅读(401) 评论(0) 推荐(0) 编辑
摘要: 响应式布局中宽度与高度相同 纯css方法设置ul中li宽高相等 关键词:VW / VH vw:视窗的宽度 vh:视窗的高度 思路:根据vw获取视图宽度从而设置li的宽度等于高度 代码: <li> <div class="test"> <img src="../images/hm1.png" alt= 阅读全文
posted @ 2020-03-31 22:02 chalkbox 阅读(2811) 评论(0) 推荐(0) 编辑
摘要: 一:el-image组件问题 直接使用el-image组件会导致一个问题:当用户点击图片的时候页面滚动条消失! 原因:组件API中有这样一条: 参数 说明 类型 默认值 scroll-container 开启懒加载后,监听 scroll 事件的容器 string / HTMLElement 最近一个 阅读全文
posted @ 2020-03-22 23:47 chalkbox 阅读(1821) 评论(0) 推荐(0) 编辑
摘要: 一个vue页面路由跳转到另一个vue页面想要获得前一个页面的数据的方法:路由传参 路由传参方法适用于: 1:在A页面获得数据提交给B页面 / 将A页面的数据给B页面 2:A页面中点击按钮跳转到B页面,B页面需要使用A页面中的数据 Vuex和本地缓存的方法就不讲了 问题:为什么使用这种方法? 答:在A 阅读全文
posted @ 2020-03-22 23:39 chalkbox 阅读(9601) 评论(0) 推荐(0) 编辑
摘要: 关于跨域反向代理的研究,更改main.js和新建vue.config.js 1 import Vue from 'vue' 2 import App from './App.vue' 3 import router from './router' 4 import './plugins/elemen 阅读全文
posted @ 2020-03-01 14:01 chalkbox 阅读(997) 评论(0) 推荐(0) 编辑
摘要: 项目地址:https://gitee.com/chalkbox/vue_shop 链接地址:http://vue.wuliwu.top/ 没有登陆接口,用户可以直接上传图片至服务器文件夹 高清图片获取与数据库,数据库中存放了高清图片的链接地址,使用了七牛云存储链接 后台PHP文件设置了上传图片的大小 阅读全文
posted @ 2020-01-10 12:52 chalkbox 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 总是听别人说axios好,好在哪里咱也不知道,继上一篇博文还不懂axios,现在稍微可以应用了(暗暗加油!) 看官网教程的时候一直困惑axios里的url到底是什么,很长一个url链接搞的我更迷惑了(其实就是一个PHP文件,读取php文件获得数据而已) vue用axios方法从后端获取数据(感觉确实 阅读全文
posted @ 2020-01-03 20:43 chalkbox 阅读(1902) 评论(3) 推荐(0) 编辑
摘要: 基于element和vue的一个简单的后台管理页面基础模型(这里我用了php从数据库获取数据然后在JS区域接收了获取的数据。PS:不会用axios) 直接附上所有代码:数据库:mywu 用户名:root 密码:root 数据表:test <?php header("Content-type:text 阅读全文
posted @ 2020-01-03 19:35 chalkbox 阅读(2238) 评论(0) 推荐(0) 编辑
摘要: 首先需要一个表单,点击提交按钮提交至upload_file.php文件 <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for="file">Filename:</label> <i 阅读全文
posted @ 2019-12-28 08:08 chalkbox 阅读(795) 评论(0) 推荐(0) 编辑