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',
相关推荐
姜 萌@cnblogs40 分钟前
Saga Reader 0.9.9 版本亮点:深入解析核心新功能实现
前端·ai·rust
gnip1 小时前
实现elementplus官网主题切换特效
前端·css
Darling02zjh1 小时前
HTML5
前端·html·html5
成长ing121381 小时前
闪白效果
前端·cocos creator
Lazy_zheng1 小时前
React架构深度解析:从 Stack 到 Fiber,解决 CPU 和 I/O 瓶颈问题
前端·react.js·前端框架
张元清1 小时前
什么是React并发模式中的Tearing(撕裂)
前端·面试
AndyLaw1 小时前
统计字符数错一半,我被 length 坑了两次
前端·javascript
关羽的小刀1 小时前
Element-UI最新版暗藏Lodash漏洞?一次真实项目安全排查记录
前端
张志鹏PHP全栈1 小时前
Vue3第五天,ref 和 reactive的介绍和区别
前端·vue.js
郭邯1 小时前
import.meta对象是什么?
前端