智能算法详情增加说明文字

front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue

@@ -54,20 +54,29 @@
       </div>
       <div class="bottom" v-if="props.dataList.id">
         <a-button type="primary" @click="toView()">
-          <template #icon><form-outlined /></template>
+          <template #icon>
+            <form-outlined />
+          </template>
           申请使用
         </a-button>
         <a-button type="primary" @click="addShoppingCart()">
-          <template #icon><shopping-cart-outlined /></template>
+          <template #icon>
+            <shopping-cart-outlined />
+          </template>
           加入申购车
         </a-button>
         <a-button type="primary" @click="goTOCollection()">
           {{ props.dataList.isCollect == 'true' ? '已' : '' }}收藏
         </a-button>
       </div>
+      <div class="text-tip">
+        使用声明：算法的场景适应性和结果准确性需申请部门根据场景建设要求先行试用，进而判断是否满足应用需求，除特殊声明，算法结果仅为参考。
+      </div>
     </div>
     <div class="right"></div>
+
   </div>
+
 </template>
 <script setup>
 import { FormOutlined, ShoppingCartOutlined } from '@ant-design/icons-vue'
@@ -239,17 +248,22 @@
   background-size: 100%;
   display: flex;
   justify-content: center;
+
   .left {
     width: 7.2rem;
     color: #fff;
     margin-right: 0.8rem;
     margin-top: -0.3rem;
+    position: relative;
+
     .top {
       display: flex;
       align-items: center;
+
       span {
         font-size: 14px;
       }
+
       .name {
         display: inline-block;
         // width: 10.2rem;
@@ -267,15 +281,18 @@
         -webkit-box-orient: vertical;
         word-break: break-all;
       }
+
       .label-content {
         position: relative;
       }
+
       .lable-father {
         position: absolute;
         min-width: 5.5rem;
         right: -5.5rem;
         top: 0;
       }
+
       .label {
         padding: 1px 10px;
         margin-right: 10px;
@@ -283,15 +300,18 @@
         background: rgba(255, 255, 255, 0.4);
       }
     }
+
     .main {
       margin-top: 20px;
       font-size: 18px;
       line-height: 34px;
+
       &>div:nth-of-type(1) {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
       }
+
       &>div:nth-of-type(2) {
         max-height: 100px;
         overflow: hidden;
@@ -302,9 +322,11 @@
         word-break: break-all;
       }
     }
+
     .bottom {
       margin-top: 40px;
       display: flex;
+
       .ant-btn {
         height: 50px;
         margin-right: 20px;
@@ -315,17 +337,21 @@
         justify-content: center;
         align-items: center;
       }
+
       .ant-btn:nth-of-type(1) {
         width: 180px;
       }
+
       .ant-btn:nth-of-type(2) {
         width: 220px;
       }
+
       .ant-btn:nth-of-type(3) {
         width: 145px;
       }
     }
   }
+
   .right {
     width: 580px;
     height: 400px;
@@ -334,4 +360,12 @@
     margin-top: -40px;
   }
 }
+
+.text-tip {
+  font-size: 14px;
+  color: #fff;
+  position: absolute;
+  bottom: 20px;
+  width: 140%;
+}
 </style>