Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3674a0ce 1 parent 499126c0

🌈 style: 图标和背景图修改更新

Inline Side-by-side
Showing 14 changed files with 19 additions and 8 deletions

1.55 KB | W: | H:

1.54 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

204 KB | W: | H:

190 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.19 KB | W: | H:

1.2 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1 KB | W: | H:

1008 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.68 KB | W: | H:

1.66 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -43,6 +43,7 @@ ...@@ -43,6 +43,7 @@
43 </template> 43 </template>
44 44
45 <script setup> 45 <script setup>
46 +// TODO：图片需要更换
46 import icon_cert from '@images/zhengshu@2x.png' 47 import icon_cert from '@images/zhengshu@2x.png'
47 import icon_stamp01 from '@images/stamp01.png' 48 import icon_stamp01 from '@images/stamp01.png'
48 import icon_stamp02 from '@images/stamp02.png' 49 import icon_stamp02 from '@images/stamp02.png'
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: hookehuyr hookehuyr@gmail.com 2 * @Author: hookehuyr hookehuyr@gmail.com
3 * @Date: 2022-05-26 10:08:06 3 * @Date: 2022-05-26 10:08:06
4 * @LastEditors: hookehuyr hookehuyr@gmail.com 4 * @LastEditors: hookehuyr hookehuyr@gmail.com
5 - * @LastEditTime: 2022-06-02 21:50:17 5 + * @LastEditTime: 2022-06-02 22:50:53
6 * @FilePath: /tswj/src/settings/designSetting.js 6 * @FilePath: /tswj/src/settings/designSetting.js
7 * @Description: 7 * @Description:
8 */ 8 */
...@@ -22,9 +22,9 @@ export const styleObject2 = ref({ ...@@ -22,9 +22,9 @@ export const styleObject2 = ref({
22 }) 22 })
23 23
24 export const styleObject3 = ref({ 24 export const styleObject3 = ref({
25 - backgroundColor: '#F4675A', 25 + backgroundColor: '#6D97D2',
26 color: styleColor.baseFontColor, 26 color: styleColor.baseFontColor,
27 - borderColor: '#F4675A' 27 + borderColor: '#6D97D2'
28 }) 28 })
29 29
30 export const styleObject4 = ref({ 30 export const styleObject4 = ref({
......
...@@ -59,6 +59,7 @@ import { ref, onMounted } from 'vue'; ...@@ -59,6 +59,7 @@ import { ref, onMounted } from 'vue';
59 import { Toast } from 'vant' 59 import { Toast } from 'vant'
60 import { useRouter } from 'vue-router' 60 import { useRouter } from 'vue-router'
61 import axios from '@/utils/axios' 61 import axios from '@/utils/axios'
62 +// TODO：图片需要更换
62 import logo_image from '@images/denglu-top@2x.gif' 63 import logo_image from '@images/denglu-top@2x.gif'
63 import { wxInfo } from '@/utils/tools'; 64 import { wxInfo } from '@/utils/tools';
64 65
......
1 <template> 1 <template>
2 - <div style="background: #CFF; padding: 1rem; text-align: center;"> 2 + <div class="top-content">
3 <van-image v-if="myKgInfo.logo" round width="4rem" height="4rem" :src="myKgInfo.logo" /> 3 <van-image v-if="myKgInfo.logo" round width="4rem" height="4rem" :src="myKgInfo.logo" />
4 <van-image v-else round width="4rem" height="4rem" :src="icon_avatar" /> 4 <van-image v-else round width="4rem" height="4rem" :src="icon_avatar" />
5 <p style="margin-top: 1rem; font-size: 1.05rem; font-weight: bold;">{{ myKgInfo.name }}</p> 5 <p style="margin-top: 1rem; font-size: 1.05rem; font-weight: bold;">{{ myKgInfo.name }}</p>
...@@ -92,6 +92,12 @@ const exitLogin = () => { ...@@ -92,6 +92,12 @@ const exitLogin = () => {
92 </script> 92 </script>
93 93
94 <style lang="less" scoped> 94 <style lang="less" scoped>
95 +.top-content {
96 + background-image: url('@images/bg@2x.png');
97 + background-size: cover;
98 + padding: 1rem;
99 + text-align: center;
100 +}
95 .item-list { 101 .item-list {
96 padding: 1rem 0; 102 padding: 1rem 0;
97 margin: 0 1rem; 103 margin: 0 1rem;
......
...@@ -65,6 +65,7 @@ const goSchool = () => { // 跳转选择幼儿园页面 ...@@ -65,6 +65,7 @@ const goSchool = () => { // 跳转选择幼儿园页面
65 <style lang="less" scoped> 65 <style lang="less" scoped>
66 .client-index-page { 66 .client-index-page {
67 // 背景图 宽度100% 高度控制 67 // 背景图 宽度100% 高度控制
68 + // TODO: 图片需要修改
68 background-image: url('@images/yindao@2x.png'); 69 background-image: url('@images/yindao@2x.png');
69 background-repeat: no-repeat; 70 background-repeat: no-repeat;
70 width: 100%; 71 width: 100%;
......
...@@ -162,8 +162,9 @@ onBeforeRouteLeave(() => { ...@@ -162,8 +162,9 @@ onBeforeRouteLeave(() => {
162 .header-wrapper { 162 .header-wrapper {
163 // background: linear-gradient(310deg, #FDD347 0%, #FFED6D 100%); 163 // background: linear-gradient(310deg, #FDD347 0%, #FFED6D 100%);
164 // background: @base-color; 164 // background: @base-color;
165 - background: #CFF; 165 + // background: #CFF;
166 - 166 + background-image: url('@images/bg@2x.png');
167 + background-size: cover;
167 .info { 168 .info {
168 padding: 2rem; 169 padding: 2rem;
169 padding-right: 0; 170 padding-right: 0;
......
...@@ -193,8 +193,9 @@ const handleUser = (type) => { ...@@ -193,8 +193,9 @@ const handleUser = (type) => {
193 .me-index-page { 193 .me-index-page {
194 .header-wrapper { 194 .header-wrapper {
195 // background: linear-gradient(310deg, #FDD347 0%, #FFED6D 100%); 195 // background: linear-gradient(310deg, #FDD347 0%, #FFED6D 100%);
196 - background: #CFF; 196 + // background: #CFF;
197 - 197 + background-image: url('@images/bg@2x.png');
198 + background-size: cover;
198 .info { 199 .info {
199 padding: 2rem; 200 padding: 2rem;
200 padding-right: 0; 201 padding-right: 0;
......