puLiQingbopu的博客

原创 css吸顶操作

css吸顶

原创 窗口配置分为全局和页面、小程序文件类型 每个页面由 4个文件组成 、数据请求和封装 、路由跳转分类 和 路由跳转传递参数 、.路由配置 、点击获取参数 、本地存储的几种方式

1、窗口配置分为全局和页面 1.1全局配置是在app.json文件中配置"window":{ "backgroundTextStyle":"dark",//下拉 loading 的样式，仅支持 dark / light "navigationBarBackgroundColor": "#fff", // 导航栏背景颜色，如#000000 "navigationBarTitleText": "天使童装",//导航栏标题文字内容 "navigationBarTextSty

原创 使用Promise封装API接口 统一管理地址

今天我们来说一下axios请求封装对请求的封装及api接口的管理的好处我的理解就是：简化并统一设置发起请求的配置项，利于管理api接口。下面我们先分析axios的分装步骤：1、在src目录下新建一个http文件夹2、在http文件夹中建立一个http.js文件（文件名随意）3、http.js 中先引入axios；4、判断是生产环境(上线之后)还是开发环境（上线之前）5、设置请求超时时间6、设置请求拦截和响应拦截6.1请求拦截就是在你请求的时候会进行触发！所以我们主要用它做我们的loa

原创 小球 贝塞尔

<template> <div class="demo"> <!-- <div class="addBtn" @click="addGoods"></div> --> <van-card price="2.00" desc="描述信息" title="商品标题" thumb="https://img.yzcdn.cn/vant/ipad.jpeg" >

原创 购物车动画小球 加减动画

购物车动画小球 加减不太会讲直接上代码<template> <div class="card-body"> <!-- 商品卡片 --> <div class="goods-card"> <div class="goods-img"> <img :src="imgurl"> </div> <div class="goods-title">

原创 购物车 上拉加载 下拉刷新

首页<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"

原创 登陆/注册

第一步 ： 我的页面<template> <div class="home"> <!-- 头部 --> <van-nav-bar style="background-color:#2F8FEA" :border="false"> <template #title> <div style="color:#fff"> 我的

原创 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

原创 搜索页记录 判断记录数量替换

<template> <div> <van-search placeholder="请输入搜索关键词" show-action @focus="searchFocus" /> <div class="search-title"> 搜索历史 <van-icon n

原创 商品列表切换

<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

原创 留言板案例 加监听事件输入字的数量

留言版案例 首页 留言 关于 作者：

原创 待办事项案例

#首页 # TODOList 赛选页 筛选： 请选择 所有任务 已完成 未完成 搜索：

原创 vue 一级导航 和二级导航

`在这里插入代码片`

原创 购物车

购物车加减商品计算总价

原创 vue 时间过滤几分钟前