
html
越努力,越幸运..........
这个作者很懒,什么都没留下…
展开
-
47.多级下拉选功能
<template> <div> <el-form ref="form" :model="form" label-width="98px"> <el-form-item label="活动名称" v-for="(item,index) in form.active_ids" :key='index'> <div style='display:flex'> <div> .原创 2022-02-14 15:37:53 · 424 阅读 · 0 评论 -
46.CSS3(旋转相册)
<template> <div id="app"> <div class="stage-area"> <div class="container"> <img src="./assets/image/12.jpg" /> <img src="./assets/image/13.jpg" /> <img src="./assets/image/14.webp"原创 2022-02-14 09:56:22 · 253 阅读 · 0 评论 -
42.网页常用布局(三栏布局)
2.代码<template> <div class="new-Product"> <div class="banner"> <div class="title"> <h3>最新活动</h3> <p>最新活动 最新活动专区,您可了解腾讯云当前所有优惠活动</p> </div> </div> .原创 2022-02-07 09:58:07 · 397 阅读 · 0 评论 -
43.span中内容为数字不折行
前端调页面的时候发现了一个问题,span设定了宽度,并且display:block转为了块级元素,但是如果内容全部为数字的时候,不折行,显示到同意行中,奇丑无比,解决办法:给span添加属性–>word-wrap:break-world...原创 2021-11-22 16:06:25 · 228 阅读 · 0 评论 -
29.vue 实现动态表单,点击新增 增加一行输入框
存在一排必填,点击增加后会新增一行,点击每行后面的删除图标则会删除该行,新增按钮只会出现在最后一行1.动态表单部分2.data部分3.方法 <el-form ref="form" :rules="formRules" :inline="true" :model="form" label-width="80px"> <div v-for="(item, index) in form.dynamicItem" :key="index">原创 2021-07-20 21:17:30 · 4828 阅读 · 2 评论 -
10.基于canvas实现手写签名(常见功能)
其中原理比较简单,先生成一个canvas画布,并对canvas进行touchstart和touchmove事件进行监听。当监听touchstart事件被触发时,我们开始触发canvas里的beginPath事件并且设置moveTo原始点。当监听touchmove事件则去不断去触发lineTo事件,最后stroke()。demo里还有清除签名和保存签名的功能,分别对应了clearRect()和toDataURL()方法。<template> <div class="wrap">原创 2021-02-18 21:58:41 · 994 阅读 · 0 评论 -
4.css实现垂直居中的几种方式(面试)
css实现垂直居中的几种方式(布局常用)内容垂直居中声明:以下示例,主要实现垂直居中的样式代码为加粗的部分**一、对单行元素进行垂直居中时**1、可设置该行内元素的父元素的height与line-heigth的值相等,让行内元素垂直居中2、针对行内元素,可通过设置vertical-align: middle;以及line-height进行垂直居中**二、对文本进行垂直居中**1、针对文本,通过display:flex;配合align-items和justify-content实现文本居中原创 2021-02-02 21:39:26 · 267 阅读 · 0 评论