chore: add ide configs, new svg icon and optimize header & icon component
1. 新增.idea系列IDE配置文件 2. 添加圆形箭头svg图标 3. 优化AppHeader返回图标尺寸和位置 4. 重构AppIcon支持svg矢量图标
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<view class="header-wrap">
|
||||
<view class="status-bar"></view>
|
||||
<view class="app-header">
|
||||
<view class="header-side" @click="handleBack"><AppIcon v-if="back" name="chevron-right" :size="44" class="back-icon" /></view>
|
||||
<view class="header-side" @click="handleBack"><AppIcon v-if="back" name="chevron-right" :size="34" class="back-icon" /></view>
|
||||
<text class="header-title">{{ title }}</text>
|
||||
<view class="header-side header-right"><slot></slot></view>
|
||||
</view>
|
||||
@@ -26,6 +26,6 @@
|
||||
.app-header { height: 96rpx; padding: 0 24rpx; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1rpx solid #edf1f7; }
|
||||
.header-side { width: 100rpx; height: 96rpx; align-items: flex-start; justify-content: center; }
|
||||
.header-right { align-items: flex-end; }
|
||||
.back-icon { transform: rotate(180deg) scale(1.2); margin-top: 30rpx; }
|
||||
.back-icon { transform: rotate(180deg); margin-top: 0; }
|
||||
.header-title { font-size: 34rpx; font-weight: 700; color: #111d35; }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user