Skip to content

A
antaile-web
Commit 6ba9cc30 by wangyalan-git
Options

保存

parent c478382a
Showing with 119 additions and 75 deletions
src/assets/images/appBg.png
src/assets/images/appBg.png

480 KB | W: | H:

src/assets/images/appBg.png

62.5 KB | W: | H:

src/assets/images/appBg.png
src/assets/images/appBg.png
src/assets/images/appBg.png
src/assets/images/appBg.png
  • 2-up
  • Swipe
  • Onion skin
src/components/CustomFooter.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="footer"> <div class="footer">
<el-row :gutter="30" type="flex" justify="space-between"> <el-row :gutter="30" type="flex" justify="space-between">
<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-company"> <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-company">
<div class="flex"> <div class="flex" style="padding-left: 110px;">
<img src="@/assets/images/antail.png" alt="" /> <img src="@/assets/images/antail.png" alt="" />
<p class="show-name">安泰乐（厦门）集团有限公司</p> <p class="show-name">安泰乐（厦门）集团有限公司</p>
</div> </div>
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
<p class="show-intro"> <p class="show-intro">
安泰乐集团成立于2012年，中国总部位于厦门是一家专注于中国生命关怀产业，为生命纪念馆提供设计、装修、管理、服务，一站式解决方案的专业化管理服务公司。 安泰乐集团成立于2012年，中国总部位于厦门是一家专注于中国生命关怀产业，为生命纪念馆提供设计、装修、管理、服务，一站式解决方案的专业化管理服务公司。
</p> </p>
<p class="show-tip">©️2021ATL Group.All rights reserved</p>
<p class="show-tip">闽ICP备16020886号-3</p>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-memorials"> <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-memorials">
<p class="show-name">安泰乐生命纪念馆</p> <div class="flex">
<p class="show-name">安泰乐生命纪念馆</p>
</div>
<el-row :gutter="10" class="show-list"> <el-row :gutter="10" class="show-list">
<el-col :span="12" v-for="(item, index) in memorials" :key="index"> <el-col :span="12" v-for="(item, index) in memorials" :key="index">
<div class="show-item"> <div class="show-item">
...@@ -28,25 +28,30 @@ ...@@ -28,25 +28,30 @@
</el-row> </el-row>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-app"> <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-app">
<div> <div class="flex">
<img <p class="show-name">安泰乐生命纪念馆</p>
src="https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/home/whcbqhn.png"
alt=""
/>
<p>
<img src="@/assets/images/WeChatIcon.png" alt="" />
关注公众号
</p>
</div> </div>
<div> <div class="show-er">
<img <div>
src="https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/home/app.png" <img
alt="" src="https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/home/whcbqhn.png"
/> alt=""
<p> />
<img src="@/assets/images/app.png" alt="" /> <p>
安泰乐app下载 <img src="@/assets/images/WeChatIcon.png" alt="" />
</p> 关注公众号
</p>
</div>
<div>
<img
src="https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/home/app.png"
alt=""
/>
<p>
<img src="@/assets/images/app.png" alt="" />
安泰乐app下载
</p>
</div>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-address"> <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="6" class="show-address">
...@@ -54,20 +59,26 @@ ...@@ -54,20 +59,26 @@
<img src="@/assets/images/clouds.png" alt="" /> <img src="@/assets/images/clouds.png" alt="" />
<div> <div>
<p class="show-name">云中祠信息科技</p> <p class="show-name">云中祠信息科技</p>
<p>地址：中国福建省厦门市湖里区同安 商务大厦1号楼9层</p> <p>地址：中国福建省厦门市湖里区同安商务大厦1号楼9层</p>
<p>电话：0592-5539618</p> <p>电话：0592-5539618</p>
<p>邮件：mail@atlgroup-asia.com</p> <p>邮件：mail@atlgroup-asia.com</p>
</div> </div>
</div> </div>
<div class="show-num">
<img src="@/assets/images/embassy.png" alt="" />
<div>
<p>{{ toThousands(totalNum || 0) }}</p>
<p class="show-tip">已建馆人数</p>
</div>
</div>
</el-col> </el-col>
</el-row> </el-row>
<div class="row">
<div>
<p class="show-tip">©️2021ATL Group.All rights reserved</p>
<p class="show-tip">闽ICP备16020886号-3</p>
</div>
<div class="show-num">
<img src="@/assets/images/embassy.png" alt="" />
<div>
<p>{{ toThousands(totalNum || 0) }}</p>
<p class="show-tip">已建馆人数</p>
</div>
</div>
</div>
</div> </div>
</template> </template>
...@@ -134,14 +145,17 @@ export default { ...@@ -134,14 +145,17 @@ export default {
.footer { .footer {
background: #fff; background: #fff;
text-align: left; text-align: left;
padding: 20px 30px 20px; padding: 45px 30px 20px;
color: #999; color: #999;
font-size: 14px; font-size: 14px;
.flex { .flex {
justify-content: flex-start; justify-content: flex-start;
align-items: flex-end; align-items: flex-end;
position: relative;
img { img {
margin-right: 15px; position: absolute;
left: 0;
width: 92px;
} }
} }
> div { > div {
...@@ -164,15 +178,14 @@ export default { ...@@ -164,15 +178,14 @@ export default {
} }
.show-memorials { .show-memorials {
margin-top: 28px;
flex: 1; flex: 1;
.show-list { .show-list {
margin-top: 17px; margin-top: 10px;
} }
.show-item { .show-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 15px;
p:last-child { p:last-child {
color: #caa774; color: #caa774;
font-size: 14px; font-size: 14px;
...@@ -186,29 +199,31 @@ export default { ...@@ -186,29 +199,31 @@ export default {
} }
} }
.show-app { .show-app {
margin-top: 20px; .show-name{
margin-bottom: 30px; color: transparent;
display: flex;
align-items: center;
// justify-content: space-between;
> div {
margin-right: 40px;
} }
img { .show-er {
width: 150px;
height: 150px;
}
p {
color: #020202;
font-size: 12px;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
> div {
margin-right: 40px;
}
img { img {
width: 20px; width: 150px;
height: 23px; height: 150px;
margin-right: 5px; }
object-fit: contain; p {
color: #020202;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
img {
width: 20px;
height: 23px;
margin-right: 5px;
object-fit: contain;
}
} }
} }
} }
...@@ -216,13 +231,30 @@ export default { ...@@ -216,13 +231,30 @@ export default {
.address { .address {
display: flex; display: flex;
line-height: 30px; line-height: 30px;
padding-top: 15px;
img { img {
width: 134px; width: 134px;
height: 102px; height: 102px;
margin-right: 15px; margin-right: 15px;
} }
} }
}
.show-name {
color: #333;
font-size: 18px;
margin: 5px 0 10px 0;
// font-weight: bold;
}
.show-tip {
font-size: 14px;
color: #999;
// line-height: 30px;
padding-bottom: 5px;
letter-spacing: 2px;
}
.row {
display: flex;
align-items: center;
justify-content: space-between;
.show-num { .show-num {
// margin-top: 30px; // margin-top: 30px;
display: flex; display: flex;
...@@ -230,8 +262,7 @@ export default { ...@@ -230,8 +262,7 @@ export default {
align-items: center; align-items: center;
color: #333; color: #333;
font-size: 18px; font-size: 18px;
padding-left: 35px; padding-right: 115px;
padding-top: 70px;
img { img {
width: 80px; width: 80px;
height: 58px; height: 58px;
...@@ -239,16 +270,4 @@ export default { ...@@ -239,16 +270,4 @@ export default {
} }
} }
} }
.show-name {
color: #333;
font-size: 18px;
margin: 5px 0 10px 0;
// font-weight: bold;
}
.show-tip {
font-size: 14px;
color: #999;
line-height: 30px;
letter-spacing: 2px;
}
</style> </style>
src/components/PreviewModal/index.vue
<template> <template>
<el-dialog :visible.sync="visible" :title="title" center width="75%" append-to-body> <el-dialog
:visible.sync="visible"
:title="title"
center
width="75%"
append-to-body
>
<div class="container"> <div class="container">
<div class="show-flex"> <div class="show-flex">
<div class="show-preview"> <div class="show-preview">
...@@ -98,6 +104,7 @@ export default { ...@@ -98,6 +104,7 @@ export default {
colorLight: "#fff", colorLight: "#fff",
text: this.webUrl, // 设置二维码内容或跳转地址 text: this.webUrl, // 设置二维码内容或跳转地址
}); });
console.log("ddd");
}, },
addReadCount() { addReadCount() {
addReadCount({ id: this.id, type: 1 }).then(() => {}); addReadCount({ id: this.id, type: 1 }).then(() => {});
...@@ -138,7 +145,7 @@ export default { ...@@ -138,7 +145,7 @@ export default {
}, },
showPreviewModal(item) { showPreviewModal(item) {
this.$refs.previewModal.show(item.id); this.$refs.previewModal.show(item.id);
this.visible = false this.visible = false;
// if (item.device == 1) { // if (item.device == 1) {
// this.$refs.previewModal.show(item.id); // this.$refs.previewModal.show(item.id);
// } else { // } else {
......
src/components/viwModal.vue
...@@ -6,8 +6,14 @@ ...@@ -6,8 +6,14 @@
position="bottom" position="bottom"
:zIndex="3000" :zIndex="3000"
> --> > -->
<div class="announcement-mobile"> <div class="announcement-mobile" ref="iframeDiv">
<iframe v-if="content" style="border: none" :width="300" height="500" v-bind:src="content"></iframe> <iframe
id="bdIframe"
style="width: 100%; height: 100%; border: none"
:src="content"
frameborder="0"
scrolling="auto"
></iframe>
</div> </div>
<!-- </Drawer> --> <!-- </Drawer> -->
</template> </template>
...@@ -35,6 +41,18 @@ export default { ...@@ -35,6 +41,18 @@ export default {
data() { data() {
return {}; return {};
}, },
mounted() {
const oIframe = document.getElementById("bdIframe");
const deviceWidth = this.$refs.iframeDiv.offsetWidth;
const deviceHeight = this.$refs.iframeDiv.offsetHight;
console.log("oIframe", oIframe);
oIframe.style.width = deviceWidth - 40 + "px";
oIframe.style.height = deviceHeight - 40 + "px";
console.log("oIframe", oIframe, deviceWidth, deviceHeight);
},
methods: {
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
...@@ -43,12 +61,13 @@ export default { ...@@ -43,12 +61,13 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.announcement-mobile { .announcement-mobile {
width: 300px; width: 345px;
height: 500px; height: 500px;
// padding: 80px 20px; // padding: 80px 20px;
background: url("~@/assets/images/Mobilephonebox.png") no-repeat; background: url("~@/assets/images/Mobilephonebox.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 20px; padding: 20px;
box-sizing: border-box;
} }
</style> </style>
src/views/TimePeriod/index.vue
...@@ -85,7 +85,6 @@ export default { ...@@ -85,7 +85,6 @@ export default {
}, },
destroyed() { destroyed() {
this.Example.destroy(); this.Example.destroy();
document.body.style.overflow = "none";
}, },
}; };
</script> </script>
......
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