css
阿啦ala
这个作者很懒,什么都没留下…
展开
-
小程序处理iphoneX底部黑条
方法一: 根据手机型号添加单独样式wx.getSystemInfo({ success: function(res) { // 根据手机型号匹配 if (res.model.search('iPhone X') != -1 || res.model.search('iPhone Max') != -1 || res.model.search('iPhone 11') != -1 || res.model.search('iPhone 12') != -1) {原创 2021-02-05 17:34:38 · 728 阅读 · 0 评论 -
微信小程序中checkbox多选框和radio单选框的样式修改
多选框样式/*checkbox 选项框大小 */checkbox .wx-checkbox-input { width: 24rpx; height: 24rpx; border: 1rpx solid #B3B3B3; margin-right: 20rpx;}/*checkbox选中后样式 */checkbox .wx-checkbox-input.wx-checkbox-input-checked { border: 1rpx solid #4F71E7; bac原创 2021-02-05 17:00:24 · 527 阅读 · 0 评论 -
微信小程序canvas绘制图片不变形的方法
项目中需要在canvas中绘制图片,图片大小未知已这张图片为例如果直接绘制图片将被压缩根据官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html可以设定这些参数来保证图片不会变形上代码:wxml:<view class="share"> <view style="padding-top: 65px, padding-bottom: 18原创 2020-10-15 10:14:47 · 3152 阅读 · 0 评论 -
css修改浏览器滚动条样式
.articleList::-webkit-scrollbar { /*滚动条整体样式*/ width : 5px; /*纵向滚动条的宽度*/ height: 5px; /*横向滚动条的高度*/}.articleList::-webkit-scrollbar-thumb { /*滚动条的滑块*/ border-radius: 5px; background : #a7a7a7;}.articleList::-webkit-scrollbar-track { /*滚动条区域*/原创 2020-06-30 14:17:26 · 102 阅读 · 0 评论 -
css选择最后一个元素
在项目中遇到了最后一个元素需要不同样式的情况,然后使用:last-child来选择,但是并没有起效<div v-for="(item, index) in gzhArticleData" :key="index" class="articleItem"> <div v-if="index == 0" class="firstArticle"> <div class="title"> <p>{{ item. title }}<原创 2020-06-30 14:12:34 · 17043 阅读 · 1 评论 -
textarea文本域去掉右下角三角形的方法
resize:none原创 2020-06-24 16:39:35 · 2579 阅读 · 0 评论 -
纯css画三角形的原理
首先我们给一个div加上不同颜色的边框看下效果.icon{ width: 0; height: 0; border-top: 20px solid #5a57c2; border-right: 20px solid #c257b9; border-bottom: 20px solid #5f8a09; border-left: 20px solid #e5e541;}很明显,每一个方向的边框在这个div中都是一个三角形,那么,我们只需要在其他的位置边框颜色定义为透明就可以画出需要的三角原创 2020-06-23 14:21:40 · 199 阅读 · 0 评论 -
前端基础面试题(带答案)
HTML1、 Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答:<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式(严格模式)的排版和JS运作模式都是以该浏览器支持的最高标准运行,统一兼容性混杂模式又叫怪异模式或者是兼容模式; 是指浏览器用自己的方式解析代码.如果只有标准模式,那么以前的网站一定会受到影响,无法正常显示如果只有混杂原创 2020-06-23 14:09:50 · 1134 阅读 · 0 评论 -
纯css动画(圆不停旋转、页面上拉提醒)
圆不停旋转/* 创建动画 */@-webkit-keyframes music { /* Safari and Chrome */ from{transform: rotate(0deg);} to{transform: rotate(360deg);}}@-moz-keyframes music { /* Firefox */ from{transform: rotate(0deg);} to{transform: rotate(360deg);}}@keyfram原创 2020-06-22 13:58:02 · 674 阅读 · 0 评论