- 博客(11)
- 收藏
- 关注
RSS订阅原创 fatal: unable to connect to github.com:github.com[0:20.205.243.166]: errno=Unknown error
github 下载项目
2024-01-10 09:49:01
567
转载 关于height、width、padding-bottom实现等比例缩放的css技巧
1、padding-bottom 如果用%来表示的话，计算是根据父元素的width的值进行计算的。例：父元素.wrapper的width是100px，height设置为0, padding-bottom的值是50%，则该元素的高是50px2、 百分比方法适用于的场景：一个图片需要全部显示出来，而且图片本身的宽高比例不变，能够随着屏幕的大小进行变化。3、实现等比缩放的效果，还可以通过vw来设置...
2020-03-17 11:38:13
1155
原创 关于vue-awesome-swiper图片垂直显示以及不显示的问题
使用vue-awesome-swiper来写轮播图，首先npm安装npm install vue-awesome-swiper --save安装好后，在入口文件main.js 添加一下代码import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)在需要使用轮播图的组件中<template&...
2020-03-17 09:57:27
1644
原创 在vue项目中使用mockjs模拟接口数据
进入mock官网在mock的官网上方有很多语法示例，可以看一看。官网里面有详细的文档说明，点击开水先安装mockjsnpm install mockjs在你的项目src文件下新建mock文件，在mock文件里新建mock.js文件mock.js`const Mock = require('mockjs');const Random = Mock.Random;写的接口可以全部...
2020-03-13 15:42:28
542
原创 关于 axios和vue-axios
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。一、安装：$ npm install axios在入口文件main.js中引入在原型链上绑定import axios from 'axios'Vue.prototype.$http = axios在需调接口的vue组件中 getHospitals () { this.$...
2020-03-13 15:23:32
672
原创 关于vux组件中swiper实现的 banner图如何点击跳转
用vux组件中的swiper插件，实现了banner图的效果。还要求，点击banner图的图片，可以跳转到详情页面，这里banner图的数据，由后端传过来。后端传过来的数据如图所示：需要将数据里面的参数id传出，让详情页面获取到本来想给swiper绑定点击事件，绑定之后，点击没有反应，具体原因我也不知道是为什么解决方法：这是对接后端接口获取数据，原来的代码只要给后端传过来的数据中...
2020-01-03 16:19:09
714
原创 前端实现文章列表和文章详情之间传参数跳转到对应页面
文章详情页面复用，通过传Id参数，实现文章列表到文章详情页面的跳转，不同的页面跳转的详情页面内容也不同。思路：id作为参数，需要先在列表页面传出参数，再在详情页面通过接口获取id,才可与获取到列表文章的内容。1、在列表页面传参数，定义点击事件，点击列表是，触发事件，传出参数。点击事件：newsClick传参数语句写在点击方法中2、在详情页面，获取传过来的参数id，同样写在方法中在...
2019-12-23 14:25:38
1229
原创 vue项目中使用v-for嵌套遍历实现vux组件Tab选项卡内容切换
先上效果图这是第一张欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面...
2019-12-11 11:14:04
3200
1
原创 注意jQuery文件的版本问题以及存放位置
这是第一篇学习记录笔记。需求：实行网页中固定导航栏的功能，随着页面的下拉滚动，导航条始终保 持在页面内可见。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>固定导航栏</title> <...
2019-10-12 16:17:54
915
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人