修改轮播鼠标样式

src/views/detail.vue

@@ -1,13 +1,79 @@
 <template>
-    详情页
+    <div>
+        <pageTopBar></pageTopBar>
+        <div class="dis-f jus-x al-item">
+            <div class="body-maxWidth mg-t-35">
+                <div class="title-top-box">
+123
+                </div>
+            </div>
+        </div>
+        <footerTool></footerTool>
+    </div>
+
+    <!-- 右下角咨询 -->
+    <circle-btn></circle-btn>
 </template>
-
+  
 <script setup>
-import { useRoute } from 'vue-router';
-const route = useRoute()
-const uniqid = route.query.uniqid
+import { reactive, onMounted, ref } from 'vue'
+import pageTopBar from '../components/pageTopBar/pageTopBar.vue';
+import circleBtn from '@/components/public/circle-btn.vue'
+import api from "../utils/api";
+import footerTool from '@/components/footer/footer.vue'
+
+
+
 </script>
+<style scoped>
+img {
+    object-fit: contain;
+}
 
-<style lang="less" scoped>
+.dis-f {
+    display: flex;
+}
 
-</style>
+.jus-x {
+    justify-content: center;
+}
+
+.al-item {
+    align-items: center;
+}
+
+.pos-r {
+    position: relative;
+}
+
+.body-maxWidth {
+    width: 1200px;
+    min-width: 1200px;
+}
+
+.s-w-100 {
+    width: 100%;
+}
+
+.jus-bet {
+    justify-content: space-between;
+}
+
+.title-top-box{
+    width: 1200px;
+    height: 186px;
+    background: inherit;
+    background-color: rgba(255, 255, 255, 1);
+    box-sizing: border-box;
+    border-width: 1px;
+    border-style: solid;
+    border-color: rgba(235, 235, 235, 1);
+    border-radius: 16px;
+    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
+    font-size: 14px;
+    transform: translateY(-38px);
+}
+</style>
+