|
@@ -1,4 +1,5 @@
|
|
|
<script setup>
|
|
|
+import { onMounted } from 'vue'
|
|
|
import { useRouter } from 'vue-router'
|
|
|
import useSizeAdapt from "@/useFunctions/useSizeAdapt"
|
|
|
|
|
@@ -26,6 +27,12 @@ const goPaintingDetail = () =>{
|
|
|
router.push('/shuanggou-painting-detail?idx=19')
|
|
|
}
|
|
|
|
|
|
+const x = window.innerWidth / window.innerHeight
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ console.log('shuchubili', x)
|
|
|
+})
|
|
|
+
|
|
|
const text = [
|
|
|
'设色,国画中晕染彩色的意思,',
|
|
|
'画面中只要出现彩色就可以说是设色作品。',
|
|
@@ -61,7 +68,10 @@ const text = [
|
|
|
src="@/assets/images/shuanggou-text.png"
|
|
|
alt=""
|
|
|
> -->
|
|
|
- <div class="text">
|
|
|
+ <div
|
|
|
+ class="text"
|
|
|
+ :style="{top: x> 0.5 ?'auto':'',bottom: x > 0.5 ? '7vh':''}"
|
|
|
+ >
|
|
|
<div
|
|
|
v-for="(item,index) in reverseArray(text)"
|
|
|
:key="index"
|