From ac8dec875ef8a81a9a0c6b586eec08032f65db54 Mon Sep 17 00:00:00 2001 From: hackrobot Date: Tue, 19 Mar 2024 14:20:55 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AEalias=E5=88=AB?= =?UTF-8?q?=E5=90=8D@=3D>src,=20=E4=BB=A5=E5=8F=8A=E5=9F=8E=E5=B8=82?= =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=B1=95=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- config/index.js | 5 +++++ src/images/city/beijing.jpg | Bin 0 -> 6069 bytes src/pages/index/index.jsx | 43 +++++++++++++++++++++++++++++------- src/pages/index/index.scss | 8 +++++++ 4 files changed, 48 insertions(+), 8 deletions(-) create mode 100644 src/images/city/beijing.jpg diff --git a/config/index.js b/config/index.js index 5773dc2..6a8e4e5 100644 --- a/config/index.js +++ b/config/index.js @@ -1,12 +1,17 @@ import { defineConfig } from '@tarojs/cli' +// import * as path from 'path'; //引入node的path模块 import devConfig from './dev' import prodConfig from './prod' +const path = require('path'); //引入node的path模块 // https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数 export default defineConfig(async (merge, { command, mode }) => { const baseConfig = { projectName: 'yidooplanet', + alias: { + '@': path.resolve(__dirname, '..', 'src') + }, date: '2024-3-19', designWidth: 750, deviceRatio: { diff --git a/src/images/city/beijing.jpg b/src/images/city/beijing.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4ae84e69b70dcd283692ca1550608592d81c9c50 GIT binary patch literal 6069 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 { @@ -14,7 +15,14 @@ export default function Index() { return [1, 2, 3].map((item, index) => { return ( - left + + {/* 城市封面图片 */} + + right ); @@ -26,9 +34,28 @@ export default function Index() { {/* 顶部 */} {/* 头像 */} - - - + + {/* color="#F00" */} + + + + {/* 省份标签 */} + + + 北京 + + + 上海 + + + 广州 + + + 深圳 + + + 武汉 + {/* 城市列表 */} diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss index 1d13dc6..25b085c 100644 --- a/src/pages/index/index.scss +++ b/src/pages/index/index.scss @@ -7,8 +7,16 @@ flex-direction: row; // justify-content: space-between; align-items: center; + margin-bottom: 10px; } + .provinceTag { + display: flex; + flex-direction: row; + // justify-content: space-between; + align-items: center; + margin-bottom: 10px; + } .homeCards { display: flex;