千世丶希-CSDN博客

原创 CSS/HTML 5 背景图片下移

CSS/HTML 5 背景图片下移说明css代码说明演示效果分辨率为1980x1080分辨率效果高度可定制修改纯css代码控制不支持IE8兼容模式css代码在北京属性的后边加上center 与下移的高度body { border-top: 1px solid #5e58ff; background: url(../img/banner.png) no-repeat cen...

2018-12-03 14:08:41 13141

原创 CSS/HTML 5简洁带图标的input日期选择器

CSS/HTML 5简洁带图标的input日期选择器说明css代码html代码演示效果图说明演示效果分辨率为1980x1080分辨率效果高度可定制修改纯css代码控制使用的input type=“date/week/month” html标签非自定义js日期组件css代码 #date { width: 1100px; height: 50px; border: 0...

2018-11-23 17:45:03 7213 1

原创 Vue中对axios简单的封装

Vue对axios简单的封装说明在axios已安装的情况下新建一个api.js文件在return中定义params在creat内调用方法图片演示结果说明代码源于之前写的项目可以参考一下在axios已安装的情况下新建一个api.js文件import Vue from 'vue'import axios from 'axios' //导入axiosimport {Message} f...

2018-11-23 17:25:01 271

原创 Vue2.x axios发送post请求

Vue2.x axios发送post请求安装axios配置main.jsvue文件内 script代码演示图安装axios$ npm install axios//使用淘宝源$ cnpm install axios//或者使用cdn：一般不使用script src=“https://unpkg.com/axios/dist/axios.min.js”配置main.js以下代码...

2018-11-23 16:55:15 1640

原创 JS实时获取当前的日期和时间并显示

实时获取当前时间并显示说明script代码html代码图片演示说明JS代码script代码<script> 当页面加载时调用 window.onload = function() { //计时器 1000秒 setInterval(function() { var date = new Date(); var ...

2018-11-22 18:08:10 6141

原创对JSON传输获取到的数据根据id去重并统计

Vue中对JSON传输获取到的数据根据id去重并统计方法说明script代码说明我也很蒙不过方法是对的可以实用script代码data中定义数据<script>//data中定义数据 data() { return { r:[], newarr2:[] } },</script>methods中写方法<sc...

2018-11-22 12:00:21 945

原创 CSS/HTML5简洁蓝色带下拉框自定义搜索组件

带数字Top10排名列表说明css代码html代码演示效果图说明演示效果分辨率为1980x1080分辨率效果高度可定制修改纯css代码控制select可以通过css控制 /option不支持css控制样式想做出漂亮的下拉列表最后是自定义下拉组件css代码 .input-group { width: 550px; height: 50px; margin...

2018-11-22 09:57:24 6429

原创 Vue2.x实现根据获取到的数据显示不同性别图片

Vue2.x实现根据获取到的数据显示不同性别图片说明vue文件代码script代码演示图说明使用v-show来控制模型的隐藏与显示vue文件代码 <img v-show="sex =='0'" src="../assets/img/性别女.png" /> <img v-show="sex =='1'" src="../assets/img/性别男.png" /&g

2018-11-21 16:06:24 3477

原创 CSS/HTML5简单大方的蓝色CSS分页样式

固定宽度实现页面自适应居中说明部分css代码解释Index代码演示图说明演示效果分辨率为1980x1080分辨率效果width设置为1336px使在分辨率为1366x720的浏览器不出现左右移动框使用margin来控制浮动部分css代码解释#model14 ul { padding-inline-start: 0 !important; /* 设置ul的开头距离为...

2018-11-21 15:43:43 4933

原创 CSS/HTML5带数字简洁大方的Top10排名列表

带数字Top10排名列表说明Index与css代码演示图说明演示效果分辨率为1980x1080分辨率效果高度可定制修改纯css代码控制Index与css代码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&am

2018-11-21 15:22:50 14020 2

原创 CSS/HTML5固定宽度实现页面自适应居中

固定宽度实现页面自适应居中说明css代码Index代码演示图说明演示效果分辨率为1980x1080分辨率效果width设置为1336px使在分辨率为1366x720的浏览器不出现左右移动框使用margin来控制浮动css代码body {}.container{ width: 1336px; margin: 0 auto;}Index代码<!DOCTYPE h...

2018-11-21 14:41:29 3099

千世丶希