Skip to content

F
fns_front_2
Commit de87a38a authored by xhx's avatar xhx
Browse files
Options

ios端调整

parent c60acfd1
Hide whitespace changes
Inline Side-by-side
Showing with 20 additions and 19 deletions
public/index.html
View file @ de87a38a
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
<!-- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;"> --> <!-- <meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;"> -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
......
src/components/HotNews/index.vue
View file @ de87a38a
...@@ -9,15 +9,11 @@ ...@@ -9,15 +9,11 @@
<span class="word24">{{ $format(info?.created_at, 'YYYY-MM-DD') }}</span> <span class="word24">{{ $format(info?.created_at, 'YYYY-MM-DD') }}</span>
</div> </div>
</div> </div>
<div class="box2 flex-col ml-4 flex-shrink-0"> <div class="box2 ml-4 flex-shrink-0">
<img <img class="w-full h-full" :src="url" alt="">
class="pic3"
referrerpolicy="no-referrer"
:src="url"
/>
</div> </div>
</div> </div>
<div class="wrap23 flex-col"></div> <!-- <div class="wrap23 flex-col"></div> -->
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
...@@ -32,7 +28,6 @@ export default defineComponent({ ...@@ -32,7 +28,6 @@ export default defineComponent({
setup(props) { setup(props) {
const url = ref('') const url = ref('')
url.value = getImageSrcFromFileHash((props.info as {file_name: string})?.file_name) url.value = getImageSrcFromFileHash((props.info as {file_name: string})?.file_name)
return { return {
url url
} }
...@@ -47,12 +42,12 @@ export default defineComponent({ ...@@ -47,12 +42,12 @@ export default defineComponent({
} }
.box1 { .box1 {
z-index: auto; /* z-index: auto; */
height: 88px; height: 88px;
} }
.info8 { .info8 {
z-index: 205; /* z-index: 205; */
display: block; display: block;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(27, 31, 55, 1); color: rgba(27, 31, 55, 1);
...@@ -67,7 +62,7 @@ export default defineComponent({ ...@@ -67,7 +62,7 @@ export default defineComponent({
} }
.info10 { .info10 {
z-index: 205; /* z-index: 205; */
display: block; display: block;
overflow-wrap: break-word; overflow-wrap: break-word;
color: rgba(141, 146, 175, 1); color: rgba(141, 146, 175, 1);
...@@ -83,14 +78,14 @@ export default defineComponent({ ...@@ -83,14 +78,14 @@ export default defineComponent({
} }
.layer4 { .layer4 {
z-index: auto; /* z-index: auto; */
height: 25px; height: 25px;
margin-top: 13px; margin-top: 13px;
justify-content: space-between; justify-content: space-between;
} }
.info9 { .info9 {
z-index: 206; /* z-index: 206; */
height: 25px; height: 25px;
display: block; display: block;
overflow-wrap: break-word; overflow-wrap: break-word;
...@@ -104,7 +99,7 @@ export default defineComponent({ ...@@ -104,7 +99,7 @@ export default defineComponent({
} }
.word24 { .word24 {
z-index: 207; /* z-index: 207; */
height: 25px; height: 25px;
display: block; display: block;
overflow-wrap: break-word; overflow-wrap: break-word;
...@@ -118,19 +113,25 @@ export default defineComponent({ ...@@ -118,19 +113,25 @@ export default defineComponent({
} }
.box2 { .box2 {
z-index: 209; /* z-index: 209; */
position: relative; /* position: relative; */
width: 80px;
height: 80px; height: 80px;
border-radius: 20px; border-radius: 20px;
overflow: hidden; overflow: hidden;
background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd7b6ced5c00064ccb38620d2a9de003cbd2e2688ac377f17fc74f6fba4dadd11) -1px /* background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd7b6ced5c00064ccb38620d2a9de003cbd2e2688ac377f17fc74f6fba4dadd11) -1px
0px no-repeat; 0px no-repeat; */
background: #f00;
margin-top: 3px; margin-top: 3px;
} }
.pic3 { .pic3 {
width: 80px; width: 80px;
height: 80px; height: 80px;
/* position: absolute;
z-index: 210;
top: 0;
left: 0; */
} }
.wrap23 { .wrap23 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment