Skip to content

Commit 2e09d97

Browse files
author
test
committed
修改原生子窗体实现的渐变色标题栏的样式
1 parent 96a9218 commit 2e09d97

1 file changed

Lines changed: 7 additions & 6 deletions

File tree

pages/API/subnvue/subnvue/nav.nvue

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<template>
22
<div class="wrapper">
33
<div class="status-bar"></div>
4-
<div class="nav" @click="back">
5-
<text class="back">&#xe582;</text>
4+
<div class="nav">
5+
<text class="back" @click="back">&#xe582;</text>
66
<text class="title">nvue 渐变色标题栏</text>
77
</div>
88
</div>
@@ -30,6 +30,7 @@
3030

3131
<style>
3232
.wrapper {
33+
flex: 1;
3334
background-image: linear-gradient(to right, #a80077, #66ff00);
3435
flex-direction: column;
3536
}
@@ -38,14 +39,14 @@
3839
}
3940
.nav {
4041
position: relative;
41-
height: 88px;
42+
height: 44px;
4243
flex: 0;
4344
justify-content: center;
4445
align-items: center;
4546
}
46-
.title {
47-
font-size: 36upx;
48-
}
47+
.title {
48+
font-size: 36upx;
49+
}
4950
.back {
5051
position: absolute;
5152
left: 3px;

0 commit comments

Comments
 (0)