- 博客(34)
- 收藏
- 关注
原创 uni-app关注功能
<template> <list :pagingEnabled="true" class="zhi_index04" :offset-accuracy="videoStyle.height" :show-scrollbar="false" @loadmore="Jiazai" ref="list" :loadmoreoffset="loadMoreHeight" @scroll="Scroll" > <cell style="pos...
2022-03-09 14:24:00
1005
原创 uni-app上传
<template> <wiew> <view class="touxiangicon" @click="upload"> <image class="huiyuan_img" :src="image" mode=""></image> </view> <view class="queding"><button class="save
2022-03-08 14:34:26
363
原创 uni-app滑动切换+uview配合使用
<template> <view class=""> <view class="wrap"> <view class="u-tabs-box"> <u-tabs :list="list" :is-scroll="false" :current="curr" @change="change" active-color="#2979ff" inactive-color="#303133"></u-tabs>
2022-01-18 16:17:44
1056
1
原创 uview 加载页面时间控制
<template> <view> <u-navbar :is-back="false" title="" title-color="#fff" title-size="40" :is-fixed="true"> </u-navbar> <view class=""> <u-loading-page :loading="loading" ></u-loading-page> </
2021-12-07 14:13:42
2293
原创 2021-08-26
第一次在本地安装帝国cms就出现内容页面404了,要地安装帝国CMS,都是一步步按官方步骤安装,最后各栏目和内容页面直接404打不开了,下面是我解决这个问题的办法.安装时候如果导入默认内置数据的话:后台-》系统设置-》数据更新中心-》1、恢复栏目目录2、刷新所有信息栏目页3、刷新所有信息内容页面,选择重复生成,刷新后所有表均提示“*** 生成完毕”即可.4、刷新所有JS调用依次按操作即可....
2021-08-26 14:04:40
98
原创 鼠标放大镜 跟放小镜片
zoom-in:代表放大镜zoom-out:代表放小镜片示例代码:.fada{cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;cursor: url(…/images/big.cur);}.suoxiao{cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;cursor: url(…/images/small.cur);}...
2021-06-28 17:29:53
124
原创 鼠标放到图片上,图片放大,但是不会撑开父盒子。
<body> <div class=""> <ul> <li> <a href=""> <img src="https://bpic.588ku.com/element_banner/20/21/06/4d01f1fb342d592885e136c7b12189ac.jpg!/fw/252" > <p>1</p> </a&g...
2021-06-17 14:50:31
570
原创 页面往下滚动事件 uni-app
// 页面往下滚动事件 与methods同级 uni-appdata() {topInfoStatus: false, }onPageScroll(res) { const scrollTop = res.scrollTop; if (scrollTop >= 100) { this.topInfoStatus = true; } else { this.topInfoStatus = false; }},
2021-06-17 10:26:36
468
原创 修改试试看里面的文字大小跟颜色
input::-webkit-input-placeholder { color: #C0C0C0; font-size: 14px;}
2020-11-17 23:26:32
93
原创 js高亮路由
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>选中当前菜单后高亮</title><style type="text/css">
2020-11-17 21:21:01
77
原创 css三角各类型
一、前言三角形实现原理:宽度width为0;height为0;(1)有一条横竖边(上下左右)的设置为border-方向:长度 solid red,这个画的就是底部的直线。其他边使用border-方向:长度 solid transparent。(2)有两个横竖边(上下左右)的设置,若斜边是在三角形的右边,这时候设置top或bottom的直线,和右边的斜线。若斜边是在三角形的左边,这时候设置top或bottom的直线,和左边的斜线。二、实现2.1 Triangle Up#triang.
2020-10-13 15:02:28
115
原创 css三角之美**
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #triangle-up { width: 0; height: 0; ...
2020-10-13 14:59:43
109
原创 vue 点击关闭按钮就可以关闭图片,可以用到广告关闭组件。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <style type="text...
2020-10-12 15:28:40
833
原创 vue 多级菜单栏,鼠标移入显示鼠标移除隐藏
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><style type="text/css"> ...
2020-10-12 15:14:43
2604
原创 vue 点击个人资料按钮显示侧边栏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <style type="tex...
2020-10-12 14:26:52
718
2
原创 vue 鼠标事件 经过显示隐藏 适合二维码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> ...
2020-10-10 19:01:41
1006
原创 css 图片开始显示白色阴影,鼠标经过后显示图片正常的颜色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .y1{ } .y2 a:hover{ colo...
2020-10-10 18:02:28
419
原创 css鼠标经过盒子,盒子向上移动动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .y1{ width: 300px; height: 300px; ...
2020-10-10 17:59:18
4515
原创 vue 滚动事件,滚动到指定位置,显示或隐藏盒子。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style type="text/css"> ...
2020-10-10 17:57:58
1299
原创 盒子排序
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style type="text/css"> .y1{ width: 1000px; height: 200px; background-color: aqua; margin: 0 ...
2020-10-10 17:55:30
361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人