Browse Source

@fun: OfflineSide

bai 3 years ago
parent
commit
102a175fcf
1 changed files with 139 additions and 109 deletions
  1. 139 109
      app/src/main/java/com/ys/bdtp/adm/mvvm/ui/screen/offline/OfflineSide.kt

+ 139 - 109
app/src/main/java/com/ys/bdtp/adm/mvvm/ui/screen/offline/OfflineSide.kt

@@ -3,14 +3,9 @@ package com.ys.bdtp.adm.mvvm.ui.screen.offline
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxHeight
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.*
+import androidx.compose.material.Button
+import androidx.compose.material.ButtonDefaults
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
@@ -20,6 +15,11 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.ys.bdtp.adm.R
+import com.ys.bdtp.adm.app.theme.bgBlueColor
+import com.ys.bdtp.adm.app.theme.blueColor
+import com.ys.bdtp.adm.app.theme.underColor
+import com.ys.bdtp.adm.app.theme.whiteColor
+import com.ys.bdtp.adm.mvvm.ui.compose.Div
 
 
 /**
@@ -29,122 +29,152 @@ import com.ys.bdtp.adm.R
 fun OfflineSide() {
     Column(
         modifier = Modifier
-            .width(288.dp)
+            .width(280.dp)
             .fillMaxHeight()
-            .background(Color.White)
+            .background(underColor)
+            .padding(vertical = 30.dp),
+        horizontalAlignment = Alignment.CenterHorizontally
     ) {
-        // 项目任务
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
-
-                },
-            verticalAlignment = Alignment.CenterVertically
-        ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "项目任务")
-        }
 
-        // 工程数据
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
+        Button(
+            modifier = Modifier.size(220.dp, 42.dp),
+            onClick = {
 
-                },
-            verticalAlignment = Alignment.CenterVertically
+            },
+            colors = ButtonDefaults.buttonColors(
+                contentColor = whiteColor,
+                backgroundColor = bgBlueColor
+            ),
         ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "工程数据")
+            Text(text = "全部同步")
         }
 
-        // 楼层模型
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
+        Spacer(modifier = Modifier.fillMaxWidth().height(25.dp))
+        Div(Div.Row)
+        Spacer(modifier = Modifier.fillMaxWidth().height(10.dp))
 
-                },
-            verticalAlignment = Alignment.CenterVertically
+        // 项目任务
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally
         ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "楼层模型")
-        }
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
 
-        // 参考图纸
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "项目任务")
+            }
 
-                },
-            verticalAlignment = Alignment.CenterVertically
-        ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "参考图纸")
-        }
+            // 工程数据
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
 
-        // 交付范围
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "工程数据")
+            }
 
-                },
-            verticalAlignment = Alignment.CenterVertically
-        ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "交付范围")
-        }
+            // 楼层模型
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
 
-        // 交付规则
-        Row(
-            modifier = Modifier
-                .fillMaxWidth()
-                .height(40.dp)
-                .clickable {
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "楼层模型")
+            }
 
-                },
-            verticalAlignment = Alignment.CenterVertically
-        ) {
-            Image(
-                painter = painterResource(R.drawable.red_circle),
-                contentDescription = "",
-                modifier = Modifier.size(8.dp)
-            )
-            Spacer(modifier = Modifier.width(8.dp))
-            Text(text = "交付规则")
+            // 参考图纸
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
+
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "参考图纸")
+            }
+
+            // 交付范围
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
+
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "交付范围")
+            }
+
+            // 交付规则
+            Row(
+                modifier = Modifier
+                    .width(216.dp)
+                    .height(60.dp)
+                    .clickable {
+
+                    },
+                verticalAlignment = Alignment.CenterVertically
+            ) {
+                Spacer(modifier = Modifier.width(16.dp))
+                Image(
+                    painter = painterResource(R.drawable.red_circle),
+                    contentDescription = "",
+                    modifier = Modifier.size(8.dp)
+                )
+                Spacer(modifier = Modifier.width(12.dp))
+                Text(text = "交付规则")
+            }
         }
     }
 }