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:
Generated
+9
@@ -0,0 +1,9 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="JAVA_MODULE" version="4">
|
||||
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||
<exclude-output />
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
Generated
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="17" project-jdk-type="JavaSDK">
|
||||
<output url="file://$PROJECT_DIR$/out" />
|
||||
</component>
|
||||
</project>
|
||||
Generated
+8
@@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/ai融资.iml" filepath="$PROJECT_DIR$/.idea/ai融资.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
Generated
+6
@@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,41 @@
|
||||
- generic [ref=e7]:
|
||||
- generic [ref=e8]: 融资课堂
|
||||
- generic [ref=e19]:
|
||||
- generic [ref=e21]:
|
||||
- generic [ref=e22]: 融资课堂
|
||||
- generic [ref=e23]: 把融资知识,变成申请底气
|
||||
- generic [ref=e24]: 从准备材料到优化信用,分阶段掌握实用方法
|
||||
- generic [ref=e27]:
|
||||
- generic [ref=e28]:
|
||||
- generic [ref=e29]: 热门课程
|
||||
- generic [ref=e30]: 12 节课程
|
||||
- generic [ref=e34]:
|
||||
- generic [ref=e35]: 如何提高个人贷款通过率
|
||||
- generic [ref=e36]: 征信、负债和收入的申请准备方法
|
||||
- generic [ref=e37]:
|
||||
- generic [ref=e38]: 6 分钟
|
||||
- generic [ref=e39]: 个人融资
|
||||
- generic [ref=e45]:
|
||||
- generic [ref=e46]: 小微企业融资材料清单
|
||||
- generic [ref=e47]: 一次准备齐全,减少补充资料时间
|
||||
- generic [ref=e48]:
|
||||
- generic [ref=e49]: 8 分钟
|
||||
- generic [ref=e50]: 企业融资
|
||||
- generic [ref=e56]:
|
||||
- generic [ref=e57]: 读懂贷款利率与还款方式
|
||||
- generic [ref=e58]: 选对期限,降低长期资金成本
|
||||
- generic [ref=e59]:
|
||||
- generic [ref=e60]: 5 分钟
|
||||
- generic [ref=e61]: 基础知识
|
||||
- generic [ref=e64]:
|
||||
- generic [ref=e65]: 按场景学习
|
||||
- generic [ref=e66]:
|
||||
- generic [ref=e67]:
|
||||
- generic [ref=e70]: 个人信用提升
|
||||
- generic [ref=e71]: 3 节课程
|
||||
- generic [ref=e72]:
|
||||
- generic [ref=e75]: 小微经营融资
|
||||
- generic [ref=e76]: 4 节课程
|
||||
- generic [ref=e77]:
|
||||
- generic [ref=e80]: 材料准备清单
|
||||
- generic [ref=e81]: 5 节课程
|
||||
@@ -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>
|
||||
|
||||
@@ -1,13 +1,14 @@
|
||||
<template>
|
||||
<image class="app-icon" :class="muted ? 'muted-icon' : ''" :style="iconStyle" :src="iconSrc" mode="aspectFit"></image>
|
||||
<image class="app-icon" :class="(muted ? 'muted-icon ' : '') + (isVector ? 'vector-icon' : '')" :style="iconStyle" :src="iconSrc" mode="aspectFit"></image>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
const props = defineProps({ name: { type: String, default: 'sparkles' }, size: { type: Number, default: 42 }, muted: { type: Boolean, default: false } })
|
||||
const iconSrc = computed(() => '/static/icons-generated/' + props.name + '.png')
|
||||
const isVector = computed(() => props.name == 'chevron-right' || props.name == 'arrow-right')
|
||||
const iconSrc = computed(() => isVector.value ? '/static/icons/' + (props.name == 'chevron-right' ? 'chevron-circle' : 'arrow-right') + '.svg' : '/static/icons-generated/' + props.name + '.png')
|
||||
const iconStyle = computed(() => 'width:' + props.size + 'rpx;height:' + props.size + 'rpx;')
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.app-icon { display: block; flex-shrink: 0; transform: scale(1.2); }.muted-icon { opacity: .48; }
|
||||
.app-icon { display: block; flex-shrink: 0; transform: scale(1.2); }.vector-icon { transform: none; }.muted-icon { opacity: .48; }
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" fill="#8fd4ff"/><path d="m10 7 5 5-5 5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 229 B |
Reference in New Issue
Block a user