vue
码农小商贩
这个作者很懒,什么都没留下…
展开
-
css吸顶操作
css吸顶原创 2022-03-08 13:19:21 · 386 阅读 · 0 评论 -
使用Promise封装API接口 统一管理地址
今天我们来说一下axios请求封装对请求的封装及api接口的管理的好处我的理解就是:简化并统一设置发起请求的配置项,利于管理api接口。下面我们先分析axios的分装步骤:1、在src目录下新建一个http文件夹2、在http文件夹中建立一个http.js文件(文件名随意)3、http.js 中先引入axios;4、判断是生产环境(上线之后)还是开发环境(上线之前)5、设置请求超时时间6、设置请求拦截和响应拦截6.1请求拦截就是在你请求的时候会进行触发!所以我们主要用它做我们的loa原创 2020-10-07 19:53:44 · 460 阅读 · 0 评论 -
购物车动画小球 加减动画
购物车动画小球 加减不太会讲直接上代码<template> <div class="card-body"> <!-- 商品卡片 --> <div class="goods-card"> <div class="goods-img"> <img :src="imgurl"> </div> <div class="goods-title">原创 2020-08-24 14:20:26 · 150 阅读 · 0 评论 -
购物车 上拉加载 下拉刷新
首页<template> <div> <van-row> <van-col span="6"> <van-sidebar v-model="activeKey"> <van-sidebar-item v-for="item in cate" :key="item.cid" :title="item.cname"原创 2020-08-11 22:28:32 · 352 阅读 · 0 评论 -
登陆/注册
第一步 : 我的页面<template> <div class="home"> <!-- 头部 --> <van-nav-bar style="background-color:#2F8FEA" :border="false"> <template #title> <div style="color:#fff"> 我的原创 2020-07-26 20:46:02 · 2329 阅读 · 0 评论 -
vue切换动画
在css设置样式代码如下:.slide-fade{ position: fixed; left:0; right: 0; width: 100%; background-color: white;}.slide-fade-enter, .slide-fade-leave-to{ left:0; top: 0; right: 0; position: absolute; transform:translateX(-500px) translateY(-500p原创 2020-07-26 20:30:44 · 109 阅读 · 0 评论 -
搜索页记录 判断记录数量替换
<template> <div> <van-search placeholder="请输入搜索关键词" show-action @focus="searchFocus" /> <div class="search-title"> 搜索历史 <van-icon n原创 2020-07-09 20:59:39 · 130 阅读 · 0 评论 -
商品列表切换
<template> <div> <div class="rtop"> <button @click="qihuan">切换</button></div> <div> <GoodsCard v-show="isSow" v-for="(item,index) in list" :key="index" :itemLink="i原创 2020-07-08 17:19:45 · 210 阅读 · 0 评论 -
留言板案例 加监听事件输入字的数量
留言版案例 首页 留言 关于 作者:原创 2020-07-08 17:02:55 · 147 阅读 · 0 评论 -
待办事项案例
#首页 # TODOList 赛选页 筛选: 请选择 所有任务 已完成 未完成 搜索:原创 2020-07-08 17:00:48 · 407 阅读 · 0 评论 -
vue 一级导航 和二级导航
`在这里插入代码片`原创 2020-07-08 16:26:37 · 800 阅读 · 0 评论 -
购物车
购物车加减商品计算总价原创 2020-07-08 16:08:00 · 161 阅读 · 0 评论 -
vue 时间过滤几分钟前
原创 2020-07-07 20:45:32 · 278 阅读 · 0 评论