Css,Html
关注
分享
扫一扫
Css,Html使用总结
沐风拂千渔
贩卖创造力
展开
-
vue动态修改样式
1，页面中添加class <li v-for="(item, index) in sortedList" class="clearfix hoverStyle" @click="handleClickTypeItem($event, index)" > <span v-show="!item.edit" class="floatLeft"原创 2021-09-13 15:11:35 · 479 阅读 · 0 评论 -
使用H5的Canvas绘制动态时钟
一，使用H5的Canvas绘制动态时钟二，代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas width="800px" height="800px" id="hua"></canvas><s原创 2020-11-30 15:46:11 · 405 阅读 · 0 评论 -
Flex布局常用属性简单总结：
常用布局方式也就是float，但flex布局更适合移动端项目开发：参考Flex布局1，布局方式 display: flex; display: -webkit-flex; /* Safari */ a.横向纵向布局： flex-direction: row | column | row-reverse | row-reverse;b. 比例布局：默认0 flex-grow： 0 | 1 | 2 |flex-shrink:设置为0，则即便空间不够，原创 2020-09-21 15:01:50 · 243 阅读 · 0 评论 -
Angular+Ionic...文本超域省略
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-08-07 17:32:49 · 293 阅读 · 3 评论 -
Angular+ionic实现折叠展开效果
1，html中 <ion-item> <div class="middle-content-order"> <div class="middle-order-icon"> <ion-icon name="chevron-up-outline" class="up-gray" item-right *ngIf="!isShow" (click)="isShow=!isShow">原创 2020-07-28 17:05:20 · 905 阅读 · 0 评论 -
Angular+ionic实现页面滑动搜索框背景色渐变
Angular+ionic实现页面滑动搜索框背景色渐变实现功能：页面滚动，搜索框背景由透明变白色ts中添加监听事件 // 监听滚动条 resizeHeader(event){ console.log(event) var _header = document.getElementById("detailNavBar"); let _opacity = event.detail.scrollTop / 235; if(_opacity > 1) {原创 2020-07-08 13:40:36 · 319 阅读 · 0 评论 -
Angular+ionic4分类菜单添加不同样式
Angular+ionic4分类菜单添加不同样式一，给遍历过来的分类菜单添加不同样式html中 <section class="shop-item-types"> <ion-grid > <ion-row> <ion-col class="item-list" size="3" *ngFor="let item of cellimgs"> <div class="shop-ite原创 2020-07-07 10:25:56 · 299 阅读 · 0 评论