Browse Source

feat: 样式调整

sunxiao 2 months ago
parent
commit
b4c9d8bef2

+ 1 - 1
src/views/screen/ScreenView.vue

@@ -150,7 +150,7 @@ onBeforeUnmount(() => {
 .screen-view {
   position: relative;
   display: flex;
-  justify-content: space-around;
+  // justify-content: space-around;
   flex-flow: column;
   width: 100vw;
   height: 100vh;

+ 1 - 1
src/views/screen/components/dataBox.vue

@@ -14,7 +14,7 @@ defineProps({
     <template #headerRight>
       <RouterLink to="/work-order" class="flex items-center space-x-[4px] text-[14px]">
         <span>更多</span>
-        <svg width="1.5rem" height="2rem" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg width="15px" height="20px" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd"
             d="M14.5303 10L4.53033 0L2.84959 1.68074L11.1688 10L2.84959 18.3193L4.53033 20L14.5303 10ZM7.39954 10L2.1534 4.75386L0.472656 6.4346L4.03805 10L0.472656 13.5654L2.1534 15.2461L7.39954 10Z"
             fill="url(#paint0_linear_1909_2940)" />

+ 1 - 1
src/views/screen/components/gongyi.vue

@@ -22,7 +22,7 @@ const toGongyi = (item) => {
     <template #headerRight>
       <RouterLink to="/water-warn" class="flex items-center space-x-[0.4rem] text-[14px]">
         <span>更多</span>
-        <svg width="1.5rem" height="2rem" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg width="15px" height="20px" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg">
           <path fill-rule="evenodd" clip-rule="evenodd"
             d="M14.5303 10L4.53033 0L2.84959 1.68074L11.1688 10L2.84959 18.3193L4.53033 20L14.5303 10ZM7.39954 10L2.1534 4.75386L0.472656 6.4346L4.03805 10L0.472656 13.5654L2.1534 15.2461L7.39954 10Z"
             fill="url(#paint0_linear_1909_2940)" />

+ 9 - 5
src/views/screen/components/middleBox.vue

@@ -15,16 +15,20 @@ onMounted(() => {
 
 <template>
   <div class="send-ask">
-    <!-- <div id="scene" class="3d-scene"></div> -->
     <RouterLink class="send-ask-button" to="/answer" :data-time="dataTime">输入您的问题或需求</RouterLink>
   </div>
 </template>
 
 <style scoped lang="scss">
 .send-ask {
-  margin: 0 2rem;
   position: relative;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: flex-end;
   height: 100%;
+  padding-bottom: 20px;
+  margin: 0 20px;
   
   #scene {
     position: absolute;
@@ -37,7 +41,7 @@ onMounted(() => {
   }
 
   &-button {
-    position: absolute;
+    // position: absolute;
     width: 100%;
     height: 60px;
     border-radius: 8px;
@@ -49,7 +53,7 @@ onMounted(() => {
     align-items: center;
     justify-content: space-between;
     padding: 0 17px 0 34px;
-    bottom: 20px;
+    // bottom: 20px;
     z-index: 2;
 
     &::before {
@@ -57,7 +61,7 @@ onMounted(() => {
       display: block;
       position: absolute;
       right: 0;
-      bottom: 68px;
+      bottom: 90px;
       color: #9E9E9E;
       font-size: 12px;
     }