|
@@ -105,7 +105,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img src="@/assets/images/camera-content-3-1-2-tab-2-img.png">
|
|
|
+ <div class="right-img">
|
|
|
+ <img src="@/assets/images/camera-content-3-1-2-tab-2-img.png">
|
|
|
+ <div class="title">
|
|
|
+ 玉山雅集图
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -337,8 +342,20 @@ const activeTabIdx = ref(1)
|
|
|
width: 50%;
|
|
|
}
|
|
|
}
|
|
|
- >img {
|
|
|
+ > .right-img{
|
|
|
+ position: relative;
|
|
|
height: calc(464 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
|
|
|
+ >img {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ >.title{
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 100%;
|
|
|
+ transform: translate(-50%, 100%);
|
|
|
+ font-size: calc(20 / v-bind('windowSizeWhenDesignForRef') * v-bind('windowSizeInCssForRef'));
|
|
|
+ font-family: "Source Han Sans SC light";
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|