
css
weixin_45121510
这个作者很懒,什么都没留下…
展开
-
h5 背景 星星掉落 动画
nb-loading文件<template><!-- 1. 背景图 --> <div class="nb-loading"> <!-- 2. 滑动流星动画 --> <nbMeteor></nbMeteor> <!-- 3. loading加载百分比动效 --> <div class="nb-loading-process"> <div class="pr.原创 2021-01-20 17:09:01 · 342 阅读 · 0 评论 -
记录项目中:图片引入的几种方式 h5
<template> <div class="nb-header"> <div class="nb-logo" :style="'backgroundImage: url('+logo+') '"></div> <div class="nb-music" @click="click"> <img :src="status ? music : musicStop" alt="" /> </di原创 2021-01-08 10:06:33 · 934 阅读 · 0 评论 -
关于/deep/, ::v-deep, >>>
当我们在项目中:需要改变element某个自带的深层元素或其他深层样式时????如果是:????scss/less语言:<style lang="scss" scoped> (scoped属性实现组件样式私有化),????1:(简单粗暴)直接移除scoped或者最好是新建一个没有scoped的style <style lang="scss"> (一个vue文件可以有多个style)????2:✋/deep/.div /deep/ .el-input__inner原创 2020-12-25 18:05:14 · 602 阅读 · 0 评论 -
css 实现颜色渐变效果
<div class="barBox"> <div class="colorBar" v-if="tabType=='bug'" :style="{width:computedBug(itemData,'finish')}"></div> <div class="colorBar" v-else :style="{width:computedWidth(itemData.estimate)}"></div></div>m.原创 2020-12-17 18:00:11 · 241 阅读 · 0 评论 -
css实现文字在背景图片之上
效果:<div class="imgs"> <!-- 背景图 --> <div class="background"> <img :src="item.voteTime ? imgSrc1:imgSrc2" width="100%" height="100%" alt="" /> </div> <!-- 文字 --> <div class="front"> <div v-if="原创 2020-10-21 14:36:22 · 5565 阅读 · 0 评论 -
css实现在任意位置皆可换行
一般按照浏览器默认的换行规则:就只在汉字后进行换行,如果有英文单词,则会把英文单词整体移到下一行,在英文单词前则断开。如果希望让浏览器实现在任意位置的换行:可以通过 word-break 和 word-wrap 属性配合使用达到效果: .state-box { width: 181px; height: 100%; text-align: center; **word-break: break-all; word-w原创 2020-10-21 14:20:00 · 1837 阅读 · 0 评论