flat: style修改

2024-02-19 20:28:04 +08:00
parent ac11c60633
commit de78275906
4 changed files with 104 additions and 3 deletions
--- a/pages/project/projectList.vue
+++ b/pages/project/projectList.vue
@@ -0,0 +1,76 @@
+<template>
+    <view class="app_container">
+        <view class="content_list">
+            <view class="list_top">
+                <view class="top_position"><u-icon name="map" color="#2979ff" size="16"></u-icon>当前位置</view>
+                <view class="top_text">四川省成都市金牛区校园路7号</view>
+            </view>
+            <view class="list_card">
+                <view class="card_title">四川省德阳市</view>
+                <view class="card_text">四川省成都市金牛区校园路</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            
+        }
+    },
+    onLoad() {
+        uni.setNavigationBarStyle({ // 设置导航条样式
+            shadowColor: 'transparent' // 将shadowColor属性值设为"transparent"表示不显示阴影
+        })
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+
+.app_container{
+    background-color: #f3f4f8;
+    padding: 24rpx;
+    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    .content_list{
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        .list_top{
+            width: 100%;
+            border-radius: 30rpx;
+            background-color: #FFFFFF;
+            padding: 24rpx;
+            .top_position{
+                display: flex;
+                color: blue;
+                font-size: 32rpx;
+                font-weight: bold;
+            }
+            .top_text{
+                margin-top: 20rpx;
+                font-size: 32rpx;
+                color: #666666;
+            }
+        }
+        .list_card{
+            margin-top: 24rpx;
+            width: 100%;
+            border-radius: 30rpx;
+            background-color: #FFFFFF;
+            padding: 24rpx;
+            .card_title{
+                font-size: 32rpx;
+                font-weight: bold;
+            }
+            .card_text{
+                margin-top: 20rpx;
+                font-size: 32rpx;
+                color: #666666;
+            }
+        }
+    }
+}
+</style>