- 博客(9)
- 收藏
- 关注
RSS订阅
原创 vue+axios按店铺排列的购物车功能
vue实现按店铺排列的购物车及相关功能新手小白，日常记录，第一篇：购物车功能记录，此购物车包含了按店铺排列商品，数量、金额统计，单选商品，全选商品，店铺选择商品，多选删除，移入收藏夹，店铺优惠券展示及领取。效果图基本上涉及到商城类系统，是都需要用到购物车的操作：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 ...
2019-05-18 18:02:32
824
原创 uni-app根据登录权限自定义底部tabBar
uni-app根据登录权限自定义底部tabBar原来写死的tabBar, 突然接到需求要根据用户的权限来显示底部按钮效果图：一、page.json 取消原有写死的配置二、自定义组件tabbar， 以供后面在页面中引入，可以直接复制粘贴修改使用<template> <view class="tarbar"> <view class=".tarbar-list" :style="{ background: tabBar.bac
2021-07-06 15:21:52
2480
5
原创 uni-app无法触发onReachBottom事件
@uni-app onReachBottom只执行了一次初级底部下拉刷新新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式 语法；增加了支持甘特图的mermaid语法
2021-06-25 10:29:11
2411
原创 vue select下拉框添加复选框
vue select下拉框添加复选框实现效果直接改变选中样式： <el-select v-model="alarmStatu" size="small" multiple collapse-tags clearable :loading="loading" width="220px" @change="s
2020-07-24 14:35:07
4483
2
原创 vue+elementui实现el-select全选 反选
#vue实现el-el-select多选全选 反选实现的功能：1、 多选2、 选择【全选】时多选数据及反选3、 数据全部勾选时【全选】勾选，全选情况下去除一个选项【全选消失】<el-select v-model="orgData" size="small" multiple collapse-tags @change="selectAll" @remove-ta
2020-06-12 14:12:25
3265
原创 vuecli3实现全局公用组件，定时下线功能（下）
vuecli3实现全局公用弹窗实现功能：用户登录的时候，根据轮班设置会产生一个用户的轮班结束时间，就是下线时间，到了时间点要弹窗提示用户轮班时间到了，如果不操作倒计时五分钟自动注销，如果点击继续值班，每十分钟再弹窗提醒用户登录后 不管用户在操作哪一个页面 ,到达轮班时间点 ,都显示"轮班时间已到"提示框 ,提示用户进行下一步的操作, 用vuex管理全局弹窗框的显隐效果图：1、首先定义好一...
2020-04-10 14:45:36
731
原创 vuecli3实现全局公用组件，定时下线功能
vue定时下线倒计时五分钟实现功能：用户登录的时候，根据轮班设置会产生一个用户的轮班结束时间，就是下线时间，到了时间点要弹窗提示用户轮班时间到了，如果不操作倒计时五分钟自动注销，如果点击继续值班，每十分钟再弹窗提醒，这篇记录当页面实现功能 （涉及倒计时、父子组件传值）效果图：弹窗页面：子组件<div class="right-admin-container"> &l...
2020-04-10 14:04:20
279
原创 js实现span标签点击变色
js实现span标签点击变色实现功能效果图代码实现功能日常记录三：常见的一个效果实现：遍历产生一组span标签文字，点击选中其中一个是它的样式发生改变，其他的颜色不变，在网上找了几个方法，都没有试验成功，所以自己记录一个。效果图代码 <div id="container" class="container-middle-left"> <span v-f...
2019-11-12 13:44:51
3883
原创 vue实现移动端遮盖层
vue实现移动端遮盖层实现:点击底部按钮 产生全屏的遮盖层 遮盖层的底部有一个白色盒子存放一些按钮图标 点击底部白色盒 子以外部分让整个遮盖层隐藏页面代码scriptcss样式效果图:...
2019-05-13 16:02:51
1169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人