优化
This commit is contained in:
parent
707a3f456c
commit
60202a74f5
@ -81,7 +81,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 100%;height: 1px;background-color: #EEEEEE;"></div>
|
||||
<div v-for="(item, index) in jcList" :key="index">
|
||||
<div v-for="(item, index) in jcList" :key="index" @click="openUrl(item.id)">
|
||||
<div class="re_box_item">
|
||||
<div class="re_title">
|
||||
<div class="flex align-center">
|
||||
@ -114,7 +114,7 @@
|
||||
style="width: 8px;height: 13px;margin-left: 5px;"></img>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in ptList" :key="index">
|
||||
<div v-for="(item, index) in ptList" :key="index" @click="openUrl(item.id)">
|
||||
<div class="re_box_item">
|
||||
<div class="re_title">
|
||||
<div class="flex align-center">
|
||||
|
@ -39,7 +39,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="re_list_top" style="gap: 20px;">
|
||||
<div class="re_list" v-for="item, index in liuyanList"
|
||||
<div class="re_list" v-for="(item, index) in liuyanList"
|
||||
style="background-color: #fff;border-radius: 8px;padding: 20px;margin-top: 10px;">
|
||||
<div>
|
||||
<div class="re_list_tit flex" style="width: 100%;">
|
||||
|
@ -51,15 +51,16 @@
|
||||
<div class="">电话:0379-63225071</div>
|
||||
</div>
|
||||
<div>
|
||||
<img :src="`/img/index/dzjg.png`" style="width: 50px;"/>
|
||||
<img :src="`/img/index/dzjg.png`" style="width: 50px;" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="">
|
||||
地址:河南省洛阳市洛龙区展览路20号(市总工会大楼)3楼 邮编:471000
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-between;align-items: center;gap: 15px;text-align: center;padding-top: 20px;">
|
||||
|
||||
<div
|
||||
style="display: flex;justify-content: space-between;align-items: center;gap: 15px;text-align: center;padding-top: 20px;">
|
||||
|
||||
<div>
|
||||
<img class="" referrerpolicy="no-referrer" :src="`/img/wxcode.jpg`" />
|
||||
<p class="mt-[10px]">官方微信</p>
|
||||
@ -78,7 +79,6 @@
|
||||
<p class="mt-[10px]">bilibili官方</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -117,10 +117,12 @@ const openT = () => {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@/assets/index.scss';
|
||||
.buttom_bg{
|
||||
|
||||
.buttom_bg {
|
||||
background-image: url('/img/index/rightcons.png');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.b1 {
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
@ -133,4 +135,8 @@ const openT = () => {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
select {
|
||||
background: #FFFFFF;
|
||||
}
|
||||
</style>
|
@ -4,11 +4,15 @@
|
||||
<img :src="`/img/index/phone_top.png`" style="width: 100%;height: 100%;object-fit: cover;">
|
||||
<img :src="`/img/index/dlogo1.png`"
|
||||
style="width: 100px;height: 100px;position: absolute;left: 0;right: 0;top: 40px;margin: 0 auto;">
|
||||
<img :src="`/img/xuan.png`" @click="show = true" style="width: 25px;height: 25px;position: absolute;right: 20px;top: 30px;">
|
||||
<img :src="`/img/xuan.png`" @click="show = true"
|
||||
style="width: 25px;height: 25px;position: absolute;right: 20px;top: 30px;">
|
||||
</div>
|
||||
<div v-if="show"
|
||||
style="z-index: 999;;background-color: rgba(0, 0, 0, 0.5);height: 100%;width: 100%;top: 0;position: fixed;">
|
||||
</div>
|
||||
<div v-if="show" style="z-index: 999;;background-color: rgba(0, 0, 0, 0.5);height: 100%;width: 100%;top: 0;position: fixed;"></div>
|
||||
<div class="bgimg" v-if="show">
|
||||
<img :src="`/img/guan.png`" @click="show = false" style="width: 25px;height: 25px;position: absolute;right: 20px;top: 30px;">
|
||||
<img :src="`/img/guan.png`" @click="show = false"
|
||||
style="width: 25px;height: 25px;position: absolute;right: 20px;top: 30px;">
|
||||
<div class="pc-nav">
|
||||
|
||||
<div class="pc-nav-item" @click="gotoList(1)">
|
||||
@ -60,10 +64,10 @@
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <div class="goback" @click="goBack">返回首页</div> -->
|
||||
<div style="margin-top: 80px;margin-left: 80px;">
|
||||
<!-- <div style="margin-top: 80px;margin-left: 80px;">
|
||||
<div class="box_1" id='assist-open'>无障碍阅读</div>
|
||||
<!-- <div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div> -->
|
||||
</div>
|
||||
<div class="box_2" @click="openOldMode">{{ isOld ? '退出适老模式' : '进入适老模式' }}</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -77,7 +81,7 @@ const props = defineProps({
|
||||
isOld: Boolean
|
||||
});
|
||||
const crrent = ref(0);
|
||||
const show=ref(false);
|
||||
const show = ref(false);
|
||||
const emit = defineEmits(['crrentTop'])
|
||||
const goBack = () => {
|
||||
if (router.currentRoute.value.path != '/') {
|
||||
@ -97,7 +101,7 @@ const gotoList = (index: number) => {
|
||||
// localStorage.setItem('index_detail', index)
|
||||
// }
|
||||
// crrent.value = index
|
||||
show.value=false;
|
||||
show.value = false;
|
||||
emit('phoneCrrent', index)
|
||||
|
||||
}
|
||||
@ -170,10 +174,12 @@ onMounted(() => {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.pc-nav{
|
||||
|
||||
.pc-nav {
|
||||
margin-left: 83px;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.pc-nav-item {
|
||||
width: 100%;
|
||||
// height: 18px;
|
||||
@ -190,10 +196,12 @@ onMounted(() => {
|
||||
cursor: pointer;
|
||||
color: #FFA234;
|
||||
}
|
||||
img{
|
||||
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.span {
|
||||
margin-left: 20px;
|
||||
font-size: 15px;
|
||||
|
@ -6,9 +6,9 @@
|
||||
<div class="fly">
|
||||
<div class="re_box re_box_left">
|
||||
<div style="display: flex;justify-content: center;align-items: center;">
|
||||
<div style="color: #41B2FE;">——</div>
|
||||
<div style="color: #41B2FE;">───</div>
|
||||
<div><img class="re_top_img" :src="`/img/index/wzjx.png`"></img></div>
|
||||
<div style="color: #41B2FE;">——</div>
|
||||
<div style="color: #41B2FE;">───</div>
|
||||
</div>
|
||||
<div class="swiper">
|
||||
<swiper class="swiper_s" @swiper="onSwiperImgs" v-bind="swiperOptionsimgs">
|
||||
@ -54,7 +54,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in jcList" :key="index">
|
||||
<div v-for="(item, index) in jcList" :key="index" @click="openUrl(item.id)">
|
||||
<div class="re_box_item">
|
||||
<div class="re_title">
|
||||
<div class="flex align-center">
|
||||
|
@ -11,7 +11,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color: #ffffff;margin-top: 10px;padding:20px 10px 1px 10px;">
|
||||
<div style="background-color: #ffffff;margin-top: 10px;padding:20px 10px 20px 10px;">
|
||||
<div style="padding-bottom: 20px;">
|
||||
<img src="/img/tuan.png" style="width: 200px;margin: 0 auto;">
|
||||
</div>
|
||||
@ -26,8 +26,8 @@
|
||||
</div>
|
||||
<div v-if="index != 6" style="width: 95%;height: 1px;background-color: #EEEEEE;margin: 15px 0;"></div>
|
||||
</div>
|
||||
<div style="margin: 20px 10px 10px 10px;text-align: center;background-color: #EEEEEE;height: 50px;line-height: 50px;">
|
||||
查看更多 ></div>
|
||||
<!-- <div style="margin: 20px 10px 10px 10px;text-align: center;background-color: #EEEEEE;height: 50px;line-height: 50px;">
|
||||
查看更多 ></div> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
Loading…
x
Reference in New Issue
Block a user