hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-14 21:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: titlebar 文字无法居中的问题

Browse Source
This commit is contained in:
huangzhe
2025-08-27 11:43:38 +08:00
parent 9b813b399f
commit 1e21aaeda0
1 changed files with 123 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/page-title/page-title.vue
View File

@@ -4,7 +4,9 @@
<!-- <u-icon color="#333" size="20" name="arrow-left"></u-icon>--> <!-- <u-icon color="#333" size="20" name="arrow-left"></u-icon>-->
< <
</view> </view>
<view class="top-title"><slot></slot></view> <view class="top-title">
<slot></slot>
</view>
<view @click="topgae()" style="color: #387DF7;"> <view @click="topgae()" style="color: #387DF7;">
<slot name="right"></slot> <slot name="right"></slot>
</view> </view>
@@ -33,9 +35,7 @@
} }
}, },
data() { data() {
return { return {}
}
}, },
methods: { methods: {
topgae() { topgae() {
@@ -84,7 +84,9 @@
background-color: #fff; background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
// justify-content: space-between; justify-content: space-between;
position: relative;
.top-back { .top-back {
color: #333; color: #333;
//padding-top:10px; //padding-top:10px;
@@ -92,14 +94,16 @@
line-height: 40px; line-height: 40px;
padding-left: 15px; padding-left: 15px;
} }
.top-title { .top-title {
width: 100%;
text-align: center; text-align: center;
position: absolute;
font-size: 16px; font-size: 16px;
font-weight: 550; font-weight: 550;
color: #333; color: #333;
height: 40px; height: 40px;
text-align: center;
width: 80%;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -113,6 +117,7 @@
z-index: 99; z-index: 99;
} }
} }
// .arrow:before { // .arrow:before {
// content: " "; // content: " ";
// display: inline-block; // display: inline-block;