Home Explore Help
Register Sign In
zhangyupeng
/
qiushou-kiosk
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

feat: 临时保存

gemercheung 1 year ago
parent
c1cdf9653e
commit
152b23b510
15 changed files with 47 additions and 11 deletions
Unified View Show Diff Stats
  1. 1 1
      index.html
  2. BIN
      public/favicon.ico
  3. BIN
      public/img/audio-muted.png
  4. BIN
      public/img/audio-unmuted.png
  5. BIN
      public/img/box_banner_bg.png
  6. BIN
      public/img/h_banner_bg.png
  7. BIN
      public/img/h_banner_bg_1.png
  8. BIN
      public/img/zoom-in.png
  9. BIN
      public/img/zoom-out.png
  10. 0 1
      public/vite.svg
  11. 34 4
      src/components/showCase.vue
  12. 1 0
      src/style.css
  13. 6 2
      src/views/feedback.vue
  14. 1 1
      src/views/home.vue
  15. 4 2
      src/views/survey-detail.vue

+ 1 - 1
index.html
View File 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
 <html lang="en">
 
   <head>
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta charset="UTF-8" />
 
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
 
+    <link rel="icon" type="image/ico" href="/favicon.ico" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title></title>
 
     <title></title>
 
   </head>
 
   </head>

BIN
public/favicon.ico
View File


BIN
public/img/audio-muted.png
View File


BIN
public/img/audio-unmuted.png
View File


BIN
public/img/box_banner_bg.png
View File


BIN
public/img/h_banner_bg.png
View File


BIN
public/img/h_banner_bg_1.png
View File


BIN
public/img/zoom-in.png
View File


BIN
public/img/zoom-out.png
View File


File diff suppressed because it is too large
+ 0 - 1
public/vite.svg


+ 34 - 4
src/components/showCase.vue
View File 

@@ -1,7 +1,13 @@
 
 <template>

 <template>

   <div class="show-case-container">

   <div class="show-case-container">

+    <div class="show-case">

+      <iframe

+        frameborder="0"

+        src="https://www.4dmodel.com/SuperTwo/index.html?m=TEST"

+      ></iframe>

+    </div>

     <div class="tools">

     <div class="tools">

-      <n-space class="group-type">

+      <n-space class="group-type" :size="25">

         <n-button type="primary" round>模型</n-button>

         <n-button type="primary" round>模型</n-button>

         <n-button type="primary" round>视频</n-button>

         <n-button type="primary" round>视频</n-button>

         <n-button type="primary" round>图片</n-button>

         <n-button type="primary" round>图片</n-button>

@@ -18,10 +24,14 @@
 
 </template>

 </template>

 

 

 <script setup>

 <script setup>

-import { ref } from "vue";

+import { ref, computed } from "vue";

 

 

-const type = ref();

+const type = ref("model");

 

 

+const isModel = computed(() => type.value === "model");

+const isVideo = computed(() => type.value === "video");

+const isAudio = computed(() => type.value === "audio");

+const isGallery = computed(() => type.value === "gallery");

 defineOptions({

 defineOptions({

   name: "show-case",

   name: "show-case",

 });

 });

@@ -50,8 +60,10 @@ const props = defineProps({
 
 .show-case-container {

 .show-case-container {

   --show-case-width: 66.8125rem;

   --show-case-width: 66.8125rem;

   --show-case-height: 34.1875rem;

   --show-case-height: 34.1875rem;

+  --show-case-border-radius: 0.625rem;

   --show-case-background: #c1b2b2;

   --show-case-background: #c1b2b2;

   --show-case-tools-padding: 1rem;

   --show-case-tools-padding: 1rem;

+  --show-case-btn-font-size: 1.125rem;

 }

 }

 </style>

 </style>

 

 

@@ -61,6 +73,15 @@ const props = defineProps({
 
   height: var(--show-case-height);

   height: var(--show-case-height);

   position: relative;

   position: relative;

   background-color: var(--show-case-background);

   background-color: var(--show-case-background);

+  border-radius: var(--show-case-border-radius);

+  .show-case {

+    width: 100%;

+    height: 100%;

+    iframe {

+      width: 100%;

+      height: 100%;

+    }

+  }

 

 

   .tools {

   .tools {

     display: inline-flex;

     display: inline-flex;

@@ -68,18 +89,27 @@ const props = defineProps({
 
     bottom: 1.25rem;

     bottom: 1.25rem;

     flex-direction: row;

     flex-direction: row;

     justify-content: space-between;

     justify-content: space-between;

+    align-items: center;

     width: calc(100% - var(--show-case-tools-padding) * 2);

     width: calc(100% - var(--show-case-tools-padding) * 2);

     padding: 0 var(--show-case-tools-padding);

     padding: 0 var(--show-case-tools-padding);

-    .group-type,

+    pointer-events: none;

     .actions {

     .actions {

+      display: inline-flex;

+      align-items: center;

       img {

       img {

         height: 2.5rem;

         height: 2.5rem;

         width: auto;

         width: auto;

         margin: 0 0.3125rem;

         margin: 0 0.3125rem;

         cursor: pointer;

         cursor: pointer;

+        pointer-events: all;

       }

       }

     }

     }

     .group-type {

     .group-type {

+      :deep(.n-button) {

+        pointer-events: all;

+        font-size: var(--show-case-btn-font-size);

+        padding: 10px 40px;

+      }

     }

     }

   }

   }

 }

 }

+ 1 - 0
src/style.css
View File 

@@ -2,6 +2,7 @@
 
   --main-primary-color: #910000;
 
   --main-primary-color: #910000;
 
   --main-secondary-color: #e2caa3;
 
   --main-secondary-color: #e2caa3;
 
   --main-box-shadow: 0px 2px 4px 0px rgba(46, 25, 16, 0.16);
 
   --main-box-shadow: 0px 2px 4px 0px rgba(46, 25, 16, 0.16);
 
+  --main-detail-background-img: url("/img/box_banner_bg.png");
 
   font-size: 16px;
 
   font-size: 16px;
 
 }
 
 }

+ 6 - 2
src/views/feedback.vue
View File 

@@ -57,13 +57,17 @@ watchEffect(() => {
 
   --main-show-case-background: #ddd5d5;

   --main-show-case-background: #ddd5d5;

   --main-detail-margin: 1.875rem;

   --main-detail-margin: 1.875rem;

   --main-detail-padding: 1.875rem;

   --main-detail-padding: 1.875rem;

-  box-shadow: var(--main-box-shadow);

+  // box-shadow: var(--main-box-shadow);

   margin: var(--main-detail-margin);

   margin: var(--main-detail-margin);

   margin-bottom: 0;

   margin-bottom: 0;

   flex: 1;

   flex: 1;

   border-radius: 0.8125rem;

   border-radius: 0.8125rem;

-  background: #fff;

+  background-color: transparent;

   padding: 2rem 3rem 4rem 3rem;

   padding: 2rem 3rem 4rem 3rem;

+  background-image: var(--main-detail-background-img);

+  background-size: cover;

+  background-position: top 100%;

+  background-repeat: no-repeat;

 

 

   overflow-y: scroll;

   overflow-y: scroll;

   &::-webkit-scrollbar {

   &::-webkit-scrollbar {

+ 1 - 1
src/views/home.vue
View File 

@@ -69,7 +69,7 @@ const { isFullscreen, enter, exit, toggle } = useFullscreen();
 
   --main-home-left-background: #e2caa3;

   --main-home-left-background: #e2caa3;

   --main-home-right-background: #910000;

   --main-home-right-background: #910000;

   --main-right-border: 10px;

   --main-right-border: 10px;

-  --main-right-bg-img: url("img/h_banner_bg_1.png");

+  --main-right-bg-img: url("img/h_banner_bg.png");

   --main-right-bg-btn1: url("/img/guide_1.png");

   --main-right-bg-btn1: url("/img/guide_1.png");

   --main-right-bg-btn2: url("/img/guide_2.png");

   --main-right-bg-btn2: url("/img/guide_2.png");

   --main-right-bg-btn3: url("/img/guide_3.png");

   --main-right-bg-btn3: url("/img/guide_3.png");

+ 4 - 2
src/views/survey-detail.vue
View File 

@@ -33,14 +33,16 @@ watchEffect(() => {
 
   --main-show-case-background: #ddd5d5;

   --main-show-case-background: #ddd5d5;

   --main-detail-margin: 1.875rem;

   --main-detail-margin: 1.875rem;

   --main-detail-padding: 1.875rem;

   --main-detail-padding: 1.875rem;

-  box-shadow: var(--main-box-shadow);

   margin: var(--main-detail-margin);

   margin: var(--main-detail-margin);

   margin-bottom: 0;

   margin-bottom: 0;

   flex: 1;

   flex: 1;

   border-radius: 0.8125rem;

   border-radius: 0.8125rem;

-  background: #fff;

   padding: 2rem 3rem 4rem 3rem;

   padding: 2rem 3rem 4rem 3rem;

   overflow-y: scroll;

   overflow-y: scroll;

+  background-image: var(--main-detail-background-img);

+  background-size: cover;

+  background-position: top 100%;

+  background-repeat: no-repeat;

 

 

   .back {

   .back {

     background-image: url("/img/back_arrow.png");

     background-image: url("/img/back_arrow.png");