File: /www/wwwroot/wy.umchkw.com/jh.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords" content="家庭健康管家,長春市悅瑋商貿有限公司,長春市悅瑋商貿有限公司官網,長春市悅瑋商貿有限公司產品,家庭健康,小熊智慧藥箱">
<meta name="description" content="長春市悅瑋商貿有限公司官網產品：家庭健康管家、長春市悅瑋商貿有限公司大藥房、小熊智慧藥箱等，長春市悅瑋商貿有限公司成立於2007年，總部位於廣州，是一家集健康產品研發、生產、銷售、服務於一體，為顧客提供專業家庭健康管理服務的平台型公司。">
<title>長春市悅瑋商貿有限公司</title>
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/reset.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/base.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/index.css">-->
<link rel="stylesheet" href="static/css/reset.css">
<link rel="stylesheet" href="static/css/base.css">
<link rel="stylesheet" href="static/css/index.css">
<script src="static/js/font_1179950_6vpm4um8raj.js"></script>
<link rel="stylesheet" href="static/css/font_1179950_2ac3x46x7ab.css">
<link rel="stylesheet" href="static/css/swiper.min.css">
<link rel="stylesheet" href="static/css/animate.min.css">
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/swiper.min.css">-->
<!-- <link rel="stylesheet" href="//misc.lvshou.com/onehealth-pc/mpa/css/animate.min.css">-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/vue.js"></script>-->
<script src="static/js/vue.js"></script>
<style type="text/css">
body {
background: #F7F7F8;
}
.w {
width: 1200px;
margin: 0 auto;
}
.headlines {
padding: 72px 0 60px 0;
}
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.mask {
position: relative;
width: 100%;
height: 500px;
}
.swiper-container {
position: absolute;
width: 1920px;
/*min-height: 700px;*/
min-height: 500px;
left: 50%;
/*transform: translate(-50%,0);*/
margin-left: -960px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/*position: relative;*/
}
.swiper-slide img {
width: 100%;
}
.swiper-pagination-bullet {
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
opacity: 1;
}
.swiper-pagination-bullet {
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #4b5cc4;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom {
bottom: 28px;
left: 30%;
width: 100%;
}
.innerTitle {
font-size: 14px;
color: #666666;
text-align: center;
line-height: 24px;
/*margin-bottom: 28px;*/
width: 1200px;
margin: 0 auto;
/*margin-right: 44px;*/
}
/*.apply-record{*/
/* background: #fff;*/
/*}*/
.introduce {
/*width: 1200px;*/
/*margin: 0 auto;*/
/*background: #fff;*/
}
.introduce .apply-record {
background: #fff;
margin-top: 28px;
padding-top: 40px;
}
.apply-record .tab .tab-item.active:after {
width: 100%;
margin-left: 0;
}
.introduce .content {
padding: 0;
overflow-x: hidden;
}
.introduce .contentTop {
width: 1200px;
line-height: 56px;
background: #F8F9FD;
font-size: 12px;
color: #999999;
padding-left: 44px;
/*overflow-y: hidden;*/
box-sizing: border-box;
/*margin-bottom: 40px;*/
/*letter-spacing: 0;*/
/*line-height: 24px;*/
}
.contentImg ul li {
width: 360px;
height: 270px;
float: left;
margin-right: 40px;
}
.contentImg ul li:last-of-type {
margin-right: 0;
}
.contentImg ul li img {
width: 360px;
height: 270px;
}
.contentImg .proImg {
cursor: pointer;
}
.contentImg .proTitle {
font-size: 16px;
color: #333333;
margin-top: 32px;
cursor: pointer;
}
.purchase {
position: absolute;
top: 350px;
right: 430px;
font-siza: 20px;
color: #000;
line-height: 40px;
border: 1px solid #ccc;
padding: 0 45px;
border-radius: 2px;
font-weight: bold;
}
.contentW {
height: 540px;
display: none;
overflow: auto;
}
.contentW:first-of-type {
display: block;
}
.contentBtn {
margin-top: 50px;
/*margin: 0 a;*/
}
.contentBtn .btn {
margin-left: 50%;
transform: translateX(-74px);
}
.medical {
margin-top: 28px;
}
.medical .medicalL {
width: 320px;
height: 258px;
}
.medical .medicalR {
padding-top: 58px;
}
.medicalR .medicalB {
padding-top: 58px;
}
.innerBox .medical .medicalR .medicalTit {
font-size: 22px;
color: #4B5CC4;
letter-spacing: 1px;
text-align: center;
line-height: 24px;
font-family: PangMenZhengDao;
font-weight: bold;
}
.innerBox .medical .medicalR .medicalTit span {
color: #151515;
font-family: PangMenZhengDao;
font-weight: bold;
}
.medicalB ul li {
width: 80px;
float: left;
margin-right: 106px;
text-align: center;
}
.medicalB ul li:last-of-type {
margin-right: 0;
}
.medicalB ul li img {
width: 56px;
margin-bottom: 15px;
padding-left: 12px;
/*transform: translate(-50% 0);*/
/*text-align: center;*/
}
.medicalB ul li p {
font-size: 16px;
color: #333333;
letter-spacing: 0;
line-height: 28px;
}
/*#oneTit{*/
/* padding-bottom: 72px;*/
/*}*/
#oneTit p {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #333333;
letter-spacing: 0;
line-height: 24px;
}
.enterprise {
width: 1200px;
margin: 0 auto;
background: #fff;
padding: 48px 60px;
}
.enterprise .enterpriseL {
width: 458px;
height: 344px;
}
.enterprise .enterpriseR {
width: 442px;
height: 144px;
margin: 28px 36px 0 0;
}
.enterprise .enterpriseR p {
/*font-family: PingFangSC-Regular;*/
font-size: 14px;
color: #333333;
letter-spacing: 0;
line-height: 24px;
padding-bottom: 30px;
}
</style>
</head>
<body>
<div style="padding-top:100px;" id="app" v-cloak="">
<!-- 頂部導航條 -->
<div class="headBox bg-white bfc">
<div class="header flex-container">
<div class="flex-item logoBox" style="width:375px;height:54px">
<a href="/" aria-hidden="true" class="icon" style="width:375px;height:54px"><img src="static/picture/222.png"></a>
</div>
<a href="jh.html" style="font-size:22px;line-height:100px;margin-left:150px ; background: rgb(20 106 12);
color: #fff;
padding: 0px 10px;">悅瑋男性工作室-健康計劃</a>
</div>
</div>
<!-- 首頁內容 -->
<div>
<!-- 輪播圖 -->
<div class="mask o_v">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="static/picture/carousel_3.jpg" alt="長春市悅瑋商貿有限公司" srcset="">
</div>
</div>
<!-- 如果需要分頁器 -->
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 關愛自己只為更強 -->
<div class="innerBox" style="padding-bottom:0">
<h3 class="headlines font_b ta_c">健康計劃</h3>
<div >
<img src="img/11.jpg" alt="" />
<img src="img/2.jpg" alt="" />
<img src="img/3.jpg" alt="" />
</div>
</div>
<div class="footer">
<div class="footer_body">
<div class="footer_body_contact bfc">
<div class="fl">
<div > 聯絡人姓名 張雪蓮</div>
<div >電話 15919641718</div>
<div >Email 76208672@qq.om</div>
<div > 公司名稱：長春市悅瑋商貿有限公司</div>
<div>
公司名稱(英文)：Changchun Yuewei Trading Co., Ltd.
</div>
<div>公司地址：長春市高新開發區火炬路3號吉林省眾維產業園管理有限公司1樓102室A02-289工位</div>
<div>
Address:Station A02-289, Room 102, 1st Floor, Jilin Zhongwei Industrial Park Management Co., Ltd., No. 3 Huoju Road, High-tech Development Zone, Changchun City
</div>
</div>
</div>
</div>
<div class="footB bfc">
<div class="footL fl">
<ul>
<li> 長春市悅瑋商貿有限公司 版權所有 總部地址：長春市高新開發區火炬路3號吉林省眾維產業園管理有限公司1樓102室A02-289工位 </li>
</ul>
</div>
<div class="footR fl">
<!-- <span>a</span>-->
</div>
</div>
</div>
</div>
</body>
<!-- 產品服務伸縮框 -->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/jquery-1.11.3.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/swiper.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/swiper.animate.min.js"></script>-->
<!-- <script src="//misc.lvshou.com/onehealth-pc/mpa/js/api.js"></script>-->
<script src="static/js/jquery-1.11.3.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/swiper.animate.min.js"></script>
<script src="static/js/api.js"></script>
<script>
$(function () {
// 伸縮窗效果
// $(".collapse li:first-child").find(".collapse-item-title").addClass("collapse-active");
$(".collapse li").hover(function () {
$(this).css("width", "992px").find(".collapse-item-title").addClass("collapse-active");
$(this).siblings("li").css("width", "103px").find(".collapse-item-title").removeClass("collapse-active");
});
// 關於我們 tab切換
$(".aboutUs .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".aboutUs .products .mainCont").eq($(this).index()).show().siblings().hide();
})
//產品介紹
$(".introduce .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".introduce .products .contentW").eq($(this).index()).show().siblings().hide();
})
// 新聞資訊 tab切換
$(".news .apply-record .tab .tab-item").click(function () {
$(this).addClass("active").siblings().removeClass("active");
$(".news .products .mainCont").eq($(this).index()).show().siblings().hide();
})
// 輪播圖
var mySwiper = new Swiper('.swiper-container', {
// 輪播圖的方向，也可以是vertical方向
direction: 'horizontal',
//播放速度
loop: true,
// 自動播放時間
autoplay: true,
// 播放的速度
// speed:2000,
// 如果需要分頁器，即下面的小圓點
pagination: {
el: '.swiper-pagination',
clickable: true
},
// 這樣，即使我們滑動之後， 定時器也不會被清除
autoplayDisableOnInteraction: false,
});
});
</script>
<script>
new Vue({
el: '#app',
data: {
companyNews: [],
IndustryInformation: [],
imgSrc: imgUrl,
productO: [],
productT: [],
productS: [],
productF: [],
name: '',
// arrName:[{name:'sdfsdfsd'},{name:'sdfsdfsd'}]
},
methods: {
setUrl(url) {
window.location.href = url;
},
// 跳轉詳情頁
goDetialPage(val) {
// console.log(val,8)
//window.location = './newCenter/detial.html?id=' + val + '';
},
productClick(type) {
// console.log(type);
this.listWsGoods(type);
},
proDetailClick(id) {
//window.location = './productCenter/productDetail.html?id=' + id;
},
//獲取企業新聞
queryCompanyNews() {
var that = this;
apiConfig.queryCompanyNews({
params: {
pageIndex: 1,
pageSize: 4
},
success: function (res) {
if (res.status == 200) { }
var _data = res.data || {};
// this.companyNews = _data.list || [];
that.companyNews = _data.list.map(item => {
return Object.assign(item, { date: (new Date(item.sendDate)).getFullYear() + "/" + ((new Date(item.sendDate)).getMonth() + 1) }, { day: (new Date(item.sendDate)).getDate() })
});
console.log("企業新聞", that.companyNews);
},
})
},
// 獲取行業資訊
queryIndustryInformation() {
var that = this;
apiConfig.queryIndustryInformation({
params: {
pageIndex: 1,
pageSize: 4
},
success: function (res) {
if (res.status == 200) { }
var _data = res.data || {};
// console.log('_data'.data)
that.IndustryInformation = _data.list.map(item => {
// that.relaseTime = (new Date(_data.sendDate)).getFullYear() + "/" + ((new Date(_data.sendDate)).getMonth()+ 1 ) + "/" + (new Date(_data.sendDate)).getDay();
console.log(new Date(item.sendDate));
return Object.assign(item, { date: (new Date(item.sendDate)).getFullYear() + "/" + ((new Date(item.sendDate)).getMonth() + 1) }, { day: (new Date(item.sendDate)).getDate() })
});
console.log(that.IndustryInformation);
},
error: function () {
alert('未獲取到行業資訊');
}
})
},
//獲取產品信息
listWsGoods(type) {
var that = this;
apiConfig.listWsGoods({
params: {
pageIndex: 1,
pageSize: 3,
groupType: type
},
success: function (res) {
if (res.status == 200) { }
let list = res.data.list;
if (type == 0) {
that.productO = list;
} else if (type == 1) {
that.productT = list;
} else if (type == 2) {
that.productS = list;
} else if (type == 3) {
that.productF = list;
}
console.log(list);
},
error: function () {
alert('未獲取到產品信息');
}
})
},
},
mounted() {
this.queryCompanyNews();
this.listWsGoods(0);
// console.log(imgUrl);
}
})
</script>
<script src="static/js/go-top.js"></script>
</html>