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',
相关推荐
像风一样自由20202 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem3 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊3 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术3 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
GISer_Jing3 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止3 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall3 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴4 小时前
简单入门Python装饰器
前端·python
袁煦丞4 小时前
数据库设计神器DrawDB:cpolar内网穿透实验室第595个成功挑战
前端·程序员·远程工作
天天扭码4 小时前
从图片到语音:我是如何用两大模型API打造沉浸式英语学习工具的
前端·人工智能·github