CSS文字描边,文字间隔,div自定义形状切割

clip-path: polygon(

0 0,

68% 0,

100% 32%,

100% 100%,

0 100%

);//这里切割出来是少一角的正方形

letter-spacing: 1vw; //文字间隔

-webkit-text-stroke: 1px #fff; //文字描边1px

uniapp微信小程序顶部导航栏设置透明,下拉改变透明度

javascript 复制代码
onPageScroll(e) {
            if (!this.isUser) {
                return
            }
            this.scrollY = e.scrollTop;
            if (e.scrollTop > 40) {
                uni.setNavigationBarColor({
                    frontColor: '#000000',
                    backgroundColor: '#000000',
                })
                this.topTitleColor = '#000000'
            } else {
                uni.setNavigationBarColor({
                    frontColor: '#ffffff',
                    backgroundColor: '#ffffff',
                })
                this.topTitleColor = '#ffffff'
            }
            let opacity = 0
            if (e.scrollTop <= 100) {
                opacity = this.scrollY / 100;
            } else {
                opacity = 1
            }
            this.navBarColor = `rgba(255, 255, 255, ${opacity})`;
        },
html 复制代码
<view v-if="isUser" class="nav-bar" :style="{backgroundColor: navBarColor,color:topTitleColor}">
			<!-- 导航栏内容 -->
			首页
		</view>
javascript 复制代码
scrollY: 0, // 当前滚动距离  
navBarColor: 'rgba(255, 255, 255, 0)', // 导航栏背景颜色,初始为透明色  
topTitleColor: 'white',
相关推荐
轻口味1 小时前
【每日学点鸿蒙知识】AVCodec、SmartPerf工具、web组件加载、监听键盘的显示隐藏、Asset Store Kit
前端·华为·harmonyos
alikami1 小时前
【若依】用 post 请求传 json 格式的数据下载文件
前端·javascript·json
吃杠碰小鸡2 小时前
lodash常用函数
前端·javascript
emoji1111112 小时前
前端对页面数据进行缓存
开发语言·前端·javascript
泰伦闲鱼2 小时前
nestjs:GET REQUEST 缓存问题
服务器·前端·缓存·node.js·nestjs
m0_748250032 小时前
Web 第一次作业 初探html 使用VSCode工具开发
前端·html
一个处女座的程序猿O(∩_∩)O2 小时前
vue3 如何使用 mounted
前端·javascript·vue.js
m0_748235952 小时前
web复习(三)
前端
机器视觉李小白2 小时前
使用 HTML 和 CSS 实现绚丽的节日烟花效果
css·html·烟花·节日·节日祝福
AiFlutter2 小时前
Flutter-底部分享弹窗(showModalBottomSheet)
java·前端·flutter