- 博客(20)
- 收藏
- 关注
RSS订阅原创 小程序页面滚动穿透，弹出层下面页面滚动的解决方法
一、场景在项目中经常遇到一个页面，如很长的详情页，长的列表页，在这种页面会弹出一个弹框层，如下图：这个时候就会出现一个问题，当弹窗里面的内容过多，出现滚动条时，弹窗里面的滚动条滑动到了最底部，继续滑动页面，会带动下面的详情页或列表页的继续滑动，触摸没有滚动的区域会发现滚动可以穿透，会传递给下面的列表页或详情页二、解决办法网上搜索了一圈，试了一下，监听弹框的状态变量，如果弹框展示，就给对应的列表页面，添加对应的样式<View className="order_details" styl
2022-03-14 15:04:44
2473
原创 球型门锁安装图解
球型门锁安装出租屋的门锁坏了，用硬纸片塞了一段时间，风一吹就把们吹开了，夜晚来临，门来回碰撞，会把你吓坏的。所以在某夕夕淘了一个球型门锁。拿回来研究半天拆不开，后面研究了下，这安装简单，真佩服发明这门锁的家伙。锁芯锁芯一半情况下分为两种，一种长一点，一种短一点，看说明书上写的是5CM锁舌和6CM锁舌，它这个就是根据在门上开孔到门框之间的距离决定的，一般情况不知道的话把两种锁舌都买到吧，都不贵。自己动手安装1、买回来的样子2、拆解在室内那边，有一个卡扣，用平口螺丝刀，往下一摁，一拉就出来了
2021-08-14 11:34:54
1968
原创 自定义odoo附件合集
自定义odoo附件上传阿里云小部件模块文件夹：attachment_upload_to_oss安装：项目里面搜索上传附件至阿里云服务器组件安装使用说明：默认用法<field name="cover2" widget="new_field_upload_files"/>自定义用法<field name="cover1" widget="new_field_upload_files" options="{ 'label':
2021-07-21 17:10:45
519
原创 react项目中public文件夹下index.html文件各标签的含义
React项目中的index.html文件，在平时写代码的时候经常忽略，几乎没有关心过他里面是什么标签，只关注了一个容器<div id="root"></div><!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <!-- 设置网站标签栏上的偏爱图标，%PUBLIC_URL%指的是public路径 --> <li
2021-06-24 10:25:13
2209
原创 IconFont的使用方法
IconFont的使用方法PC网站图片精灵M端iconfonticonfont转base64图标的使用方法在网页中图标是必不可少的，但是每一个图标使用图片方式的话，会有大量的http请求，非常浪费页面性能。https://docs.qq.com/doc/DT1NvTHdEc3ZKc0FV?friendUin=%252FW%252FnBwTvkcdkrAqlyIzYCw%253D%253D&ADUIN=857172482&ADSESSION=1600649830&ADTAG=CLI
2021-05-08 16:05:17
2646
原创 表格的tr设置border无效的原因
表格的tr设置border无效的原因原因解决办法原因当我们写一个完整的表格我们可以发现，单元格与单元格之间是有一定的间隙的。边框，应该是一个完整的线条，但是，现在一个完整的tr是由于多个td组合在一起得到的这就是的无法给tr设置边框了table{ border: 1px solid red;}th, td{ border: 1px solid #333;}tr{ border: 1px solid green;}解决办法给table整体添加css样式ta
2021-04-23 14:26:56
2798
原创 快速入门Django
快速入门Django安装Python环境搜索python找到官网进行下载安装安装PyCharm搜索PyCharm找到官网进行下载安装创建Django项目使用pycharm创建django项目方便快速项目目录介绍比如：利用pycharm创建的新项目叫django_demo_01启动项目打开pycharm的Terminal输入python manage.py看到Starting development server at http://127.0.0.1:8000/就代表项目启动成功了
2021-04-18 18:17:42
73
1
原创 CSS引入方式link和@import的区别
区别1link是HTML的标签，除了加载CSS以外，还可以加载其他资源@import属于CSS范畴，只能加载CSS<link rel="stylesheet" href="./main.css"><style> @import url('./main1.css');</style>区别2link引用CSS时，在页面载入时同时加载@import需要页面网页完全载入以后加载。所以会出现一开始没有css样式，闪烁一下出现样式后的页面(网速慢的情况下)
2021-04-16 11:16:13
84
原创 CSS3表单input动画
<div class="login-wrapper"> <form class="login" action="" method=""> <div class="form-group"> <div class="form-group__control"> <input type="text" name="account" id="account" required autocompl
2020-12-27 19:17:50
127
原创 CSS3美化单选按钮
CSS3美化单选按钮HTML结构先引入字体图标<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><div class="radio-wrapper"> <div class="gender"> <label for="male"><input type="rad
2020-12-27 14:13:21
249
2
原创 CSS switch滑动开关
CSS switch滑动开关HTML结构<div class="switch-wrapper"> <div class="switch"> <label for="switch__input" class="switch__label switch__radius"> <input type="checkbox" name="" id="switch__input" class="switc
2020-12-27 13:30:11
357
1
原创 根据输入日期，获取该日期对应的一个星期的日期
获取的星期从 周日 ------- 周六 国际通用日历/** * 获取某一天的那一周 Week of the current date * getWeekDay('2019-9-5') * @param {string} dateString */ getWeekDay: function(dateString) { let dateStringReg = /^\d{4}[/-]\d{1,2}[/-]\d{1,2}$/; .
2020-11-25 16:51:34
210
原创 Wuts项目（odoo项目）类名与xml的编写规范
开篇为了项目界面样式统一规范，根据艳姐的工作方向指示，将项目中的按钮的样式，表格以及表单元素的样式都做成了统一的样式。众所周知html（在odoo项目中叫xml）的布局或者说书写规范会严重影响CSS的书写，更甚不能达到想要的效果。相面将这些统一的样式修改的地方和xml书写的一些统一风格阐述如下。odoo的一些渲染机制我还不尽了解，如遇错误，还请各位同事及时指正。1、按钮的“实心”与“镂空”<button class="btn btn-primary o_list_tender_bt_impor
2020-11-20 11:39:44
584
1
原创 js实现QQ、微信、新浪微博分享功能
js实现QQ、微信、新浪微博分享功能微信分享需要手机扫描二维码，需要对url进行编码。在https协议下，扫描二维码时，浏览器打不开可能时安全证书导致的。var shareModel = { /** * 分享QQ好友 * @param {[type]} title [分享标题] * @param {[type]} url [分享url链接，默认当前页面链接] * @param {[type]} pic
2020-11-05 09:02:20
942
原创 安装了React Developer Tools F12找不到react的选项，解决办法
在Goole应用商店安装了React Developer Tools插件，但是打开开发者选项后找不到react选项，网上搜了半天也没有找到答案。结果乱点半天，才发现没有打开允许访问文件网址选项第一步：第二步：...
2020-04-23 18:58:20
5722
5
原创 记录第一次使用vue-cli脚手架创建移动端适配项目
安装脚手架npm install -g @vue/cli安装完成以后，使用vue -V检查版本号创建项目vue create hello-worldhello-world是项目目录的名字运行项目cd hello-world // 进入到项目目录里面npm run serve // 启动项目安装UI组件库（vant）npm i vant -S安装完成以后打开项目根目录...
2020-04-22 17:29:11
402
原创 VUE移动端指定页面隐藏底部导航条
在写移动端项目的时候，一般情况下一级页面是需要底部导航的，所以说就有些页面是不需要底部导航条的，比如说，详情页就不得要底部导航。利用路由元（meta）设置参数先创建底部的导航栏在conponents文件夹下面创建Tabbar.vue,我用的是vant的Tabbar组件<template> <div class="tabbar"> <va...
2020-04-21 18:36:46
3180
7
原创 GIT常用命令，记录一下自己常用的
在Mac OS X上安装Gitbrew search git // 在brew上搜gitbrew install git // 安装gitgit --version // git version 2.25.1看到了git的版本号，说明git安装成功。配置Git打开终端git config --global user.name "Your Name"git config --...
2020-04-21 16:06:51
124
原创 VUE移动端调试工具vConsole
之前在开发移动端的项目的时候，就只是在Chrome浏览器的开发者模式下，调整成手机模式来开发，一则是为了看UI样式，二则是为了看控制台输出。但是当我写了很多CSS样式以后，把页面在真机上打开，就有很多样式的地方是和浏览器不一样的，既然这样，那么就一直在手机上打开，但是手机上打开，又不能看控制台输出。急死人。于是在网上搜了一圈，然后试了试vconsole，既可以在手机上看，又可以调试。所以就记录...
2020-04-21 15:51:54
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人