新增分支dev_lww
“用lww
5 years ago
parent
bde48df713
commit
320ebf1b6e
@ -0,0 +1,43 @@
|
||||
.collaborate_swiper{
|
||||
margin-top: 0.02rem;
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
}
|
||||
.collaborate_swiper>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.collaborate_introduce{
|
||||
padding: 0.7rem 3.6rem 0.8rem;
|
||||
background-color: #F6F7FB;
|
||||
}
|
||||
.collaborate_info{
|
||||
|
||||
}
|
||||
.collaborate_info .title{
|
||||
padding: 0.11rem 0 0.11rem 0.27rem;
|
||||
border-left: 0.05rem solid #2BBDEE;
|
||||
font-size: 0.28rem;
|
||||
color: #292929;
|
||||
}
|
||||
.collaborate_info .del{
|
||||
margin: 0.29rem 0;
|
||||
font-size: 0.24rem;
|
||||
color: #292929;
|
||||
font-weight: 300;
|
||||
}
|
||||
.collaborate_info>p{
|
||||
font-size: 0.24rem;
|
||||
color: #292929;
|
||||
font-weight: 300;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.map-box{
|
||||
width: 100%;
|
||||
height: 4.08rem;
|
||||
margin-top: 0.81rem;
|
||||
}
|
||||
#container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,80 @@
|
||||
.foot{
|
||||
|
||||
}
|
||||
.foot_box{
|
||||
padding: 0.37rem 3.61rem 0.31rem 3.59rem;
|
||||
background-color: #282B2D;
|
||||
}
|
||||
.foot_top{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 0.2rem;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.foot_top>img{
|
||||
width: 0.84rem;
|
||||
height: 1.06rem;
|
||||
}
|
||||
.foot_top_ri{
|
||||
margin-left: 0.39rem;
|
||||
padding-left: 0.3rem;
|
||||
border-left: 1px dashed #F5F5F5;
|
||||
}
|
||||
.foot_link{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.foot_link>a{
|
||||
font-size: 0.14rem;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.foot_link>a:first-child{
|
||||
padding-right: 0.19rem;
|
||||
border-right: 1px solid #fff;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.foot_serial{
|
||||
margin-top: 0.2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.foot_serial>span{
|
||||
font-size: 0.12rem;
|
||||
color: #fff;
|
||||
}
|
||||
.foot_serial>span:first-child{
|
||||
margin-right: 0.44rem;
|
||||
}
|
||||
.foot_code{
|
||||
margin-top: 0.11rem;
|
||||
font-size: 0.12rem;
|
||||
color: #fff;
|
||||
}
|
||||
.foot_approve{
|
||||
margin-top: 0.14rem;
|
||||
width: 0.68rem;
|
||||
height: 0.24rem;
|
||||
font-size: 0.12rem;
|
||||
}
|
||||
.foot_approve>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.foot_bom{
|
||||
margin-top: 0.15rem;
|
||||
text-align: center;
|
||||
font-size: 0.14rem;
|
||||
color: #D5D4D4;
|
||||
}
|
||||
.side_tabbar{
|
||||
position: fixed;
|
||||
right: 0.63rem;
|
||||
top: 4.23rem;
|
||||
width: 2.70rem;
|
||||
height: 3.70rem;
|
||||
}
|
||||
.side_tabbar img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
.heard{
|
||||
width: 100%;
|
||||
height: 1.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.heard_logo{
|
||||
position: absolute;
|
||||
left: 0.66rem;
|
||||
top: 0.45rem;
|
||||
width: 2.10rem;
|
||||
height: 0.6rem;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.heard_logo>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.heard_tabbar ul{
|
||||
display: flex;
|
||||
font-size: 0.24rem;
|
||||
color: #5B5B5B;
|
||||
margin-top: 0.54rem;
|
||||
}
|
||||
.heard_tabbar ul li{
|
||||
margin-right: 1.2rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.heard_tabbar ul li a{
|
||||
font-size: 0.28rem;
|
||||
color: #5B5B5B;
|
||||
padding-bottom: 0.54rem;
|
||||
border-bottom: 0.04rem solid #fff;
|
||||
|
||||
}
|
||||
.heard_tabbar ul li a:hover{
|
||||
color: #2BBDEE;
|
||||
border-bottom: 0.04rem solid #2BBDEE;
|
||||
}
|
||||
.heard_tabbar ul li .active{
|
||||
color: #2BBDEE;
|
||||
border-bottom: 0.04rem solid #2BBDEE;
|
||||
}
|
||||
.heard_tabbar ul li:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,126 @@
|
||||
.product_swiper{
|
||||
margin-top: 0.02rem;
|
||||
width: 100%;
|
||||
height: 2.9rem;
|
||||
}
|
||||
.product_swiper>img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.product_home{
|
||||
padding: 0.7rem 3.6rem 0.81rem 0.55rem;
|
||||
background-color: #F6F7FB;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.product_left{
|
||||
width: 2.5rem;
|
||||
}
|
||||
.product_left>img{
|
||||
width: 2.5rem;
|
||||
height: 1.38rem;
|
||||
}
|
||||
.recharge{
|
||||
margin-top: 0.3rem;
|
||||
background-color: #fff;
|
||||
}
|
||||
.recharge_box{
|
||||
padding: 0 0.15rem;
|
||||
padding-bottom: 0.34rem;
|
||||
}
|
||||
.recharge_box .title{
|
||||
font-size: 0.28rem;
|
||||
color: #949494;
|
||||
text-align: center;
|
||||
padding: 0.2rem 0;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
}
|
||||
.recharge_box .del{
|
||||
font-size: 0.2rem;
|
||||
color: #949494;
|
||||
padding: 0.25rem 0.12rem 0.31rem 0.2rem;
|
||||
}
|
||||
.recharge_box .voucher{
|
||||
font-size: 0.2rem;
|
||||
color: #fff;
|
||||
width: 1.5rem;
|
||||
height: 0.4rem;
|
||||
background-color: rgba(43,189,238,1);
|
||||
border-radius: 0.2rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
margin: 0 auto;
|
||||
cursor:pointer;
|
||||
}
|
||||
.product_right{
|
||||
margin-left: 0.55rem;
|
||||
}
|
||||
.product_right .title{
|
||||
padding: 0.12rem 0 0.12rem 0.27rem;
|
||||
border-left: 0.05rem solid #2BBDEE;
|
||||
font-size: 0.28rem;
|
||||
color: #292929;
|
||||
}
|
||||
.not_product{
|
||||
width: 12rem;
|
||||
margin-top: 0.26rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.not_product>img{
|
||||
width: 7.2rem;
|
||||
height: 4rem;
|
||||
}
|
||||
.not_product>div{
|
||||
color: #A9A9A9;
|
||||
font-size: 0.28rem;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
.have_product{
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.have_product ul{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.have_product ul li{
|
||||
background-color: #fff;
|
||||
width: 3.8rem;
|
||||
margin-right: 0.2rem;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.have_product ul li:nth-child(3n){
|
||||
margin-right: 0;
|
||||
}
|
||||
.have_product ul li>img{
|
||||
width: 3.8rem;
|
||||
height: 2.14rem;
|
||||
}
|
||||
.have_product ul li .have_product_box{
|
||||
padding: 0.3rem 0.33rem 0.07rem;
|
||||
}
|
||||
.have_product ul li .have_product_box .name{
|
||||
font-size: 0.24rem;
|
||||
color: #002929;
|
||||
font-weight: 600;
|
||||
}
|
||||
.have_product ul li .have_product_box .del{
|
||||
font-size: 0.16rem;
|
||||
color: #A9A9A9;
|
||||
margin-top: 0.33rem;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap;
|
||||
padding-bottom: 0.3rem;
|
||||
border-bottom: 1px solid #F6F7FB;
|
||||
}
|
||||
.have_product ul li .have_product_box .enter{
|
||||
font-size: 0.16rem;
|
||||
color: #A9A9A9;
|
||||
text-align: right;
|
||||
margin-top: 0.1rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 7.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 446 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
@ -0,0 +1,70 @@
|
||||
$(function() {
|
||||
|
||||
// 百度地图API功能
|
||||
var mp = new BMap.Map("container", {
|
||||
enableMapClick: false
|
||||
});
|
||||
var addPoint = new BMap.Point(119.280631, 26.08057);
|
||||
var marker = new BMap.Marker(addPoint); // 创建标注
|
||||
mp.addOverlay(marker); // 将标注添加到地图中
|
||||
mp.centerAndZoom(addPoint, 15);
|
||||
mp.enableScrollWheelZoom();
|
||||
// 复杂的自定义覆盖物
|
||||
function ComplexCustomOverlay(point, text) {
|
||||
this._point = point;
|
||||
this._text = text;
|
||||
}
|
||||
ComplexCustomOverlay.prototype = new BMap.Overlay();
|
||||
ComplexCustomOverlay.prototype.initialize = function(map) {
|
||||
this._map = map;
|
||||
var div = this._div = document.createElement("div");
|
||||
div.style.position = "absolute";
|
||||
div.style.zIndex = BMap.Overlay.getZIndex(this._point.lat);
|
||||
// div.style.border = "0.01rem solid #BC3B3A";
|
||||
// div.style.backgroundColor = "#ffffff";
|
||||
div.style.padding = "0.02rem";
|
||||
div.style.height = "0.18rem";
|
||||
div.style.width = "3rem";
|
||||
// div.style.lineHeight = "0.18rem";
|
||||
// div.style.whiteSpace = "nowrap";
|
||||
div.style.MozUserSelect = "none";
|
||||
div.style.fontSize = "0.18rem"
|
||||
var p = this._span = document.createElement("p");
|
||||
p.style.position = "absolute";
|
||||
p.style.top = "-450%";
|
||||
p.style.left = "-50%";
|
||||
p.style.width = "3rem";
|
||||
p.style.backgroundColor = "#ffffff";
|
||||
p.style.lineHeight = "0.3rem";
|
||||
p.style.textAlign = "center";
|
||||
div.appendChild(p);
|
||||
p.appendChild(document.createTextNode(this._text));
|
||||
var that = this;
|
||||
|
||||
var arrow = this._arrow = document.createElement("div");
|
||||
arrow.style.background = "url(../images/address-point.png) center no-repeat";
|
||||
arrow.style.backgroundSize = "120% 120%";
|
||||
arrow.style.position = "absolute";
|
||||
arrow.style.width = "0.3rem";
|
||||
arrow.style.height = "0.3rem";
|
||||
arrow.style.top = "-80%";
|
||||
arrow.style.left = "-8%";
|
||||
arrow.style.overflow = "hidden";
|
||||
div.appendChild(arrow);
|
||||
|
||||
|
||||
mp.getPanes().labelPane.appendChild(div);
|
||||
|
||||
return div;
|
||||
}
|
||||
ComplexCustomOverlay.prototype.draw = function() {
|
||||
var map = this._map;
|
||||
var pixel = map.pointToOverlayPixel(this._point);
|
||||
this._div.style.left = pixel.x - parseInt(this._arrow.style.left) + "px";
|
||||
this._div.style.top = pixel.y - 30 + "px";
|
||||
}
|
||||
|
||||
var myCompOverlay = new ComplexCustomOverlay(addPoint, "福建省福州市鼓楼区福大怡山文化创意园11号楼");
|
||||
|
||||
mp.addOverlay(myCompOverlay);
|
||||
});
|
||||
@ -0,0 +1,34 @@
|
||||
(function(doc, win) {
|
||||
var docEl = doc.documentElement,
|
||||
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
|
||||
recalc = function() {
|
||||
|
||||
var clientWidth = docEl.clientWidth;
|
||||
if(!clientWidth) return;
|
||||
if(clientWidth > 1080) {
|
||||
var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
|
||||
var wH = window.innerHeight; // 当前窗口的高度
|
||||
var wW = window.innerWidth; // 当前窗口的宽度
|
||||
var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
|
||||
docEl.style.fontSize = rem + "px";
|
||||
|
||||
} else if(640 < clientWidth <= 1080) {
|
||||
docEl.style.fontSize = '50px';
|
||||
} else {
|
||||
docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
if(!doc.addEventListener) return;
|
||||
recalc();
|
||||
win.addEventListener(resizeEvt, recalc, false);
|
||||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||||
/*DOMContentLoaded文档加载完成不包含图片资源 onload包含图片资源*/
|
||||
})(document, window);
|
||||
|
||||
/*
|
||||
|
||||
var iWidth=document.documentElement.clientWidth //getBoundingClientRect().width;
|
||||
iWidth=iWidth>640?640:iWidth;
|
||||
document.getElementsByTagName("html")[0].style.fontSize=iWidth/6.4+"px";*/
|
||||
Loading…
Reference in New Issue