You've already forked qlg.tsgz.moe
Init Repo
This commit is contained in:
root
168
hyhproject/mobile2/view/default/articles/news_list.html
Executable file
168
hyhproject/mobile2/view/default/articles/news_list.html
Executable file
@ -0,0 +1,168 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商城快讯 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__ROOT__/hyhproject/mobile/view/default/css/articles.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<div id="info_list" style="margin-top: 50px;">
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i><h1>商城快讯</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$catId}" id="catId" autocomplete="off">
|
||||
|
||||
<section class="ui-container" id="shopBox">
|
||||
<div class="ui-tab">
|
||||
<ul class="ui-tab-nav order-tab">
|
||||
{volist name="catInfo" id="vo"}
|
||||
<li class="tab-item {if $catId==$vo.catId}tab-curr{/if}" catId="{$vo['catId']}">{$vo['catName']}</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<section id="newsListBox" >
|
||||
|
||||
</section>
|
||||
|
||||
<div style="height:50px;"></div>
|
||||
</section>
|
||||
<script id="newsList" type="text/html">
|
||||
{{# for(var i=0;i<d.length;i++){ }}
|
||||
{{# if(d[i].TypeStatus==1){ }}
|
||||
<div class="news-item wst-model" onclick="viewNews({{d[i].articleId}})" >
|
||||
<div class="ui-row-flex">
|
||||
<div class="ui-col">
|
||||
<div class="img j-imgAdapt wst-bor-mix-img" >
|
||||
<a href="javascript:void(0);" >
|
||||
{{# if(d[i].coverImg) { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{{d[i].coverImg}}">
|
||||
{{# } else { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" >
|
||||
{{# } }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-col ui-col-3" >
|
||||
<div class="ui-row-flex ui-row-flex-ver wst-info" >
|
||||
<div class="ui-nowrap-multi" style="-webkit-line-clamp: 1;">{{d[i].articleTitle}}</div>
|
||||
<div class="ui-nowrap-multi wst-mix-cont" style="-webkit-line-clamp: 3;">{{d[i].articleContent}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-row-flex ui-whitespace wst-model wst-mix-info ">
|
||||
<div class="ui-col ui-col ui-flex-pack-center ui-flex-align-start">• 已有{{d[i].visitorNum}}人浏览</div>
|
||||
<div class="ui-col ui-col ui-flex-pack-center ui-flex-align-end wst-right-align">• {{d[i].createTime}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# if(d[i].TypeStatus==2){ }}
|
||||
<div class="news-item wst-model" onclick="viewNews({{d[i].articleId}})">
|
||||
<div class="ui-row-flex">
|
||||
<div class="ui-col ui-col-3">
|
||||
<div class="ui-row-flex ui-row-flex-ver wst-info" >
|
||||
<div class="ui-nowrap-multi" style="-webkit-line-clamp: 1;">{{d[i].articleTitle}}{{d[i].TypeStatus}}</div>
|
||||
<div class="ui-nowrap-multi wst-mix-cont" style="-webkit-line-clamp: 3;">{{d[i].articleContent}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-col">
|
||||
<div class="img j-imgAdapt wst-bor-mix-img">
|
||||
<a href="javascript:void(0);" >
|
||||
{{# if(d[i].coverImg) { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{d[i].coverImg}}">
|
||||
{{# } else { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" >
|
||||
{{# } }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-row-flex ui-whitespace wst-model wst-mix-info ">
|
||||
<div class="ui-col ui-col ui-flex-pack-center ui-flex-align-start">• 已有{{d[i].visitorNum}}人浏览</div>
|
||||
<div class="ui-col ui-col ui-flex-pack-center ui-flex-align-end wst-right-align">• {{d[i].createTime}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# if(d[i].TypeStatus==3){ }}
|
||||
<div class="ui-row-flex ui-whitespace ui-row-flex-ver wst-model" style="height:auto;overflow:hidden;" onclick="viewNews({{d[i].articleId}})">
|
||||
<div class="wst-max-info">
|
||||
<div class="ui-nowrap-multi" style="-webkit-line-clamp: 1;" >{{d[i].articleTitle}}</div>
|
||||
</div>
|
||||
<div class="wst-max-info">
|
||||
<div class="ui-nowrap-multi wst-mix-cont" style="-webkit-line-clamp: 1;padding-top: 0px;" >{{d[i].articleContent}}</div>
|
||||
</div>
|
||||
<div class="max-img">
|
||||
<a href="javascript:void(0);">
|
||||
{{# if(d[i].coverImg) { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{{d[i].coverImg}}">
|
||||
{{# } else { }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" >
|
||||
{{# } }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="max-remind wst-mix-info ui-row">
|
||||
<div class="ui-col ui-col-50 ui-flex ui-flex-ver ui-flex-pack-center ui-flex-align-start">• 已有{{d[i].visitorNum}}人浏览</div>
|
||||
<div class="ui-col ui-col-50 ui-flex ui-flex-ver ui-flex-pack-center ui-flex-align-end">• {{d[i].createTime}}</div>
|
||||
</div>
|
||||
</div>
|
||||
{{# } }}
|
||||
|
||||
{{# } }}
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{/* 遮盖层 */}
|
||||
<div class="wst-cover" id="cover"></div>
|
||||
{/* 分类层 */}
|
||||
<div class="wst-fr-box" id="frame">
|
||||
<div class="title"><span>商城快讯</span><i class="ui-icon-close-page" onclick="javascript:dataHide();"></i><div class="wst-clear"></div></div>
|
||||
<div class="content" id="content">
|
||||
|
||||
|
||||
<div class="ui-whitespace news-content-box">
|
||||
<div class="ui-nowrap ui-whitespace news-title" id="articleTitle"></div>
|
||||
<div class="ui-whitespace news-time" id="createTime"></div>
|
||||
<div class="ui-whitespace view-content" id="articleContent">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-like ui-whitespace ui-flex ui-flex-pack-center" id="like1" onclick="javascript:like();">
|
||||
<input type="hidden" name="" id="articleId" value="" >
|
||||
<span class="icon-like1"><p class="like_num" id="likeNum"></p></span>
|
||||
</div>
|
||||
<div class="wst-like ui-whitespace ui-flex ui-flex-pack-center" id="like" >
|
||||
<input type="hidden" name="" id="articleId" value="" >
|
||||
<span class="icon-like2"><p class="like_num" id="likeNum2"></p></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/dialog" /}<!-- 对话框模板 -->
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
$(function(){
|
||||
// Tab切换卡
|
||||
$('.tab-item').click(function(){
|
||||
$(this).addClass('tab-curr').siblings().removeClass('tab-curr');
|
||||
var catId = $(this).attr('catId');
|
||||
$('#catId').val(catId);
|
||||
reFlashList();
|
||||
});
|
||||
{{if !empty($articleId) }}
|
||||
viewNews({$articleId})
|
||||
{{/if}}
|
||||
})
|
||||
</script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/articles/news_list.js?v={$v}'></script>
|
||||
{/block}
|
||||
116
hyhproject/mobile2/view/default/articles/news_list.js
Executable file
116
hyhproject/mobile2/view/default/articles/news_list.js
Executable file
@ -0,0 +1,116 @@
|
||||
// 获取商城快讯
|
||||
function getNewList($catId = ''){
|
||||
$('#Load').show();
|
||||
loading = true;
|
||||
var param = {};
|
||||
param.pagesize = 10;
|
||||
param.page = Number( $('#currPage').val() ) + 1;
|
||||
param.catId = $('#catId').val();
|
||||
$.post(WST.U('mobile/news/getNewsList'), param, function(data){
|
||||
var json = WST.toJson(data);
|
||||
var html = '';
|
||||
if(json && json.Rows && json.Rows.length>0){
|
||||
var gettpl = document.getElementById('newsList').innerHTML;
|
||||
laytpl(gettpl).render(json.Rows, function(html){
|
||||
$('#newsListBox').append(html);
|
||||
});
|
||||
$('#currPage').val(data.CurrentPage);
|
||||
$('#totalPage').val(data.TotalPage);
|
||||
}else{
|
||||
html += '<ul class="ui-row-flex wst-flexslp ui-flex-align-center" style="margin-top:150px;">';
|
||||
html += '<li class="ui-col ui-flex ui-flex-pack-center">';
|
||||
html += '<p>暂无商城快讯</p>';
|
||||
html += '</li>';
|
||||
html += '</ul>';
|
||||
$('#newsListBox').html(html);
|
||||
}
|
||||
WST.imgAdapt('j-imgAdapt');
|
||||
loading = false;
|
||||
$('#Load').hide();
|
||||
echo.init();//图片懒加载
|
||||
});
|
||||
}
|
||||
var currPage = totalPage = 0;
|
||||
var loading = false;
|
||||
$(document).ready(function(){
|
||||
WST.initFooter();
|
||||
getNewList();
|
||||
|
||||
|
||||
|
||||
var dataHeight = $("#frame").css('height');
|
||||
$("#frame").css('top',0);
|
||||
var dataWidth = $("#frame").css('width');
|
||||
$("#frame").css('right','-'+dataWidth);
|
||||
|
||||
|
||||
$(window).scroll(function(){
|
||||
if (loading) return;
|
||||
if ((5 + $(window).scrollTop()) >= ($(document).height() - screen.height)) {
|
||||
currPage = Number( $('#currPage').val() );
|
||||
totalPage = Number( $('#totalPage').val() );
|
||||
if( totalPage > 0 && currPage < totalPage ){
|
||||
getNewList();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
// 刷新列表页
|
||||
function reFlashList(){
|
||||
$('#currPage').val('0');
|
||||
$('#newsListBox').html(' ');
|
||||
getNewList();
|
||||
}
|
||||
|
||||
//弹框
|
||||
function dataShow(){
|
||||
jQuery('#cover').attr("onclick","javascript:dataHide();").show();
|
||||
jQuery('#frame').animate({"right": 0}, 500);
|
||||
}
|
||||
function dataHide(){
|
||||
var dataHeight = $("#frame").css('height');
|
||||
var dataWidth = $("#frame").css('width');
|
||||
jQuery('#frame').animate({'right': '-'+dataWidth}, 500);
|
||||
jQuery('#cover').hide();
|
||||
}
|
||||
|
||||
function viewNews(id){
|
||||
$.post(WST.U('mobile/news/getNews'),{id:id},function(data){
|
||||
var json = WST.toJson(data);
|
||||
$('#createTime').html(json.createTime);
|
||||
$('#articleTitle').html(json.articleTitle);
|
||||
$('#articleContent').html(json.articleContent);
|
||||
$('#likeNum').html(json.likeNum);
|
||||
$('#articleId').val(json.articleId);
|
||||
// 计算弹出层是否需要滚动条
|
||||
var sHeight = WST.pageHeight();
|
||||
var tHeight = $('#articleTitle').height();
|
||||
var cHeight = $('#articleContent').height();
|
||||
$('#content').css('height',sHeight-tHeight+'px');
|
||||
if(json.likeState == 1){
|
||||
$('#like1').hide();
|
||||
$('#like').show();
|
||||
$('#likeNum2').html(json.likeNum);
|
||||
$(".icon-like1").removeClass('icon-like1').addClass('icon-like2');
|
||||
}else{
|
||||
$('#like').hide();
|
||||
$('#like1').show();
|
||||
$(".icon-like2").removeClass('icon-like2').addClass('icon-like1');
|
||||
}
|
||||
dataShow();
|
||||
})
|
||||
}
|
||||
function like(){
|
||||
var articleId = $('#articleId').val();
|
||||
$.post(WST.U('mobile/News/like'),{id:articleId},function(data){
|
||||
var json = WST.toJson(data);
|
||||
if(json.status==1){
|
||||
$(".icon-like1").removeClass('icon-like1').addClass('icon-like2');
|
||||
$num = parseInt($('#likeNum').html());
|
||||
$num = $num+1;
|
||||
$('#like1').hide();
|
||||
$('#like').show();
|
||||
$('#likeNum2').html($num);
|
||||
}
|
||||
})
|
||||
}
|
||||
28
hyhproject/mobile2/view/default/base.html
Executable file
28
hyhproject/mobile2/view/default/base.html
Executable file
@ -0,0 +1,28 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<title>{block name="title"}{:WSTConf('CONF.mallName')}{/block}</title>
|
||||
<link rel="stylesheet" href="__MOBILE__/frozenui/css/frozen.css">
|
||||
<link rel="stylesheet" href="__MOBILE__/css/common.css?v={$v}">
|
||||
{block name="css"}{/block}
|
||||
<script type='text/javascript' src='__MOBILE__/frozenui/js/zepto.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/frozenui/js/frozen.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/laytpl/laytpl.js?v={$v}'></script>
|
||||
<script src="__MOBILE__/js/echo.min.js"></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/common.js?r='+ Math.random()></script>
|
||||
<script>
|
||||
window.conf = {"ROOT":"__ROOT__","IMGURL":"__IMGURL__","MOBILE":"__MOBILE__","APP":"__APP__","STATIC":"__STATIC__","SUFFIX":"{:config('url_html_suffix')}","SMS_VERFY":"{:WSTConf('CONF.smsVerfy')}","SMS_OPEN":"{:WSTConf('CONF.smsOpen')}","MALL_LOGO":"{:WSTConf('CONF.mallLogo')}","GOODS_LOGO":"{:WSTConf('CONF.goodsLogo')}","SHOP_LOGO":"{:WSTConf('CONF.shopLogo')}","USER_LOGO":"{:WSTConf('CONF.userLogo')}","IS_LOGIN":"{if (int)session('WST_USER.userId')>0 }1{else}0{/if}","ROUTES":'{:WSTRoute()}',"IS_CRYPTPWD":"{:WSTConf('CONF.isCryptPwd')}"}
|
||||
</script>
|
||||
</head>
|
||||
<body ontouchstart="">
|
||||
{block name="header"}{/block}
|
||||
{block name="footer"}
|
||||
{include file="default/footer" /}
|
||||
{/block}
|
||||
{block name="main"}主内容{/block}
|
||||
{block name="include"}{/block}
|
||||
{block name="js"}{/block}
|
||||
</body>
|
||||
</html>
|
||||
243
hyhproject/mobile2/view/default/bash.html
Executable file
243
hyhproject/mobile2/view/default/bash.html
Executable file
@ -0,0 +1,243 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<script src="__MOBILE__/js/common_xs.js" type="text/javascript" charset="utf-8"></script>
|
||||
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/global-lxy.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/bash.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="banner">
|
||||
<img src="__MOBILE__/img/ac3_header_bg.png" />
|
||||
</div>
|
||||
|
||||
<div class="bash_yhj clearfix">
|
||||
<div class="bash_yhj_a">
|
||||
<img src="__MOBILE__/img/ac3_yhq.png" />
|
||||
</div>
|
||||
<div class="bash_yhj_a">
|
||||
<img src="__MOBILE__/img/ac3_yhq.png" />
|
||||
</div>
|
||||
<div class="bash_yhj_a">
|
||||
<img src="__MOBILE__/img/ac3_yhq.png" />
|
||||
</div>
|
||||
<div class="bash_yhj_a">
|
||||
<img src="__MOBILE__/img/ac3_yhq.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="shopping">
|
||||
<img src="__MOBILE__/img/ac3_title.png" />
|
||||
</div>
|
||||
|
||||
<div class="choujiang">
|
||||
<img src="__MOBILE__/img/shan.png" class="cj_shan on" />
|
||||
<div class="cj_con clearfix" id="box">
|
||||
<div class="content content-1">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-2">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-3">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-8">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-click">
|
||||
<div id="text">
|
||||
<img src="__MOBILE__/img/ac3_button1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-4">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-7">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-6">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="content content-5">
|
||||
<img src="__MOBILE__/img/ac3_bg1.png" />
|
||||
<div class="content_con">
|
||||
<img src="__MOBILE__/img/shangpin1.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="num">您 今 天 还 剩 <span class="number">3</span> 次 抽 奖 机 会</div>
|
||||
</div>
|
||||
|
||||
<div class="baqi">
|
||||
<img src="__MOBILE__/img/ac3_title1.png" />
|
||||
</div>
|
||||
|
||||
<div class="baqi_man">
|
||||
<div class="man_sp clearfix">
|
||||
<div class="man_cp">
|
||||
<p class="p1">外套专区</p>
|
||||
<p class="p2">买就减10元</p>
|
||||
<p class="p2">外套专区</p>
|
||||
<div class="go">GO</div>
|
||||
</div>
|
||||
<div class="man_cp">
|
||||
<p class="p1">外套专区</p>
|
||||
<p class="p2">买就减10元</p>
|
||||
<p class="p2">外套专区</p>
|
||||
<div class="go">GO</div>
|
||||
</div>
|
||||
<div class="man_cp">
|
||||
<p class="p1">外套专区</p>
|
||||
<p class="p2">买就减10元</p>
|
||||
<p class="p2">外套专区</p>
|
||||
<div class="go">GO</div>
|
||||
</div>
|
||||
<div class="man_cp">
|
||||
<p class="p1">外套专区</p>
|
||||
<p class="p2">买就减10元</p>
|
||||
<p class="p2">外套专区</p>
|
||||
<div class="go">GO</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="man_tejia">
|
||||
<p class="p1">外套专区</p>
|
||||
<p class="p2">买就减10元</p>
|
||||
<p class="p2">外套专区</p>
|
||||
<div class="go">GO</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="liaomei">
|
||||
<img src="__MOBILE__/img/ac3_title2.png"/>
|
||||
</div>
|
||||
|
||||
<div class="liao_gl">
|
||||
<div class="gl_cp clearfix">
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="liaomei">
|
||||
<img src="__MOBILE__/img/ac3_title3.png"/>
|
||||
</div>
|
||||
|
||||
<div class="liao_gl">
|
||||
<div class="gl_cp clearfix">
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
<div class="gl_sp">
|
||||
<img src="__MOBILE__/img/gua.jpg"/>
|
||||
<p class="p1">夏季男神</p>
|
||||
<p class="p2">¥258</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="__MOBILE__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
$('.content').height($('.content').width() * 123 / 165 + 'px')
|
||||
$(window).resize(function() {
|
||||
$('.content').height($('.content').width() + 'px')
|
||||
})
|
||||
|
||||
function time(a) {
|
||||
return function() {
|
||||
if(a > 8) {
|
||||
a = parseInt(a % 8)
|
||||
if(a == 0) {
|
||||
a = 8
|
||||
}
|
||||
}
|
||||
$('.content').removeClass('active');
|
||||
$('.content-' + a).addClass('active');
|
||||
$('.zz_img').toggleClass('on');
|
||||
}
|
||||
}
|
||||
// 在旋转的时候不能再次被点击
|
||||
var t = true
|
||||
$('.content-click').click(function() {
|
||||
if(t) {
|
||||
t = false;
|
||||
// 产生随机数
|
||||
var prize = Math.ceil(Math.random() * ($('.content').length - 1));
|
||||
// 控制概率，永远不是8
|
||||
if(prize == 8) {
|
||||
prize = Math.ceil(Math.random() * ($('.content').length - 2));
|
||||
}
|
||||
if($('.number').html() > 0) {
|
||||
$('.number').html($('.number').html() - 1)
|
||||
// 默认先转3圈
|
||||
prize += 32
|
||||
for(var i = 1; i <= prize; i++) {
|
||||
setTimeout(time(i), 6 * i * i);
|
||||
}
|
||||
setTimeout(function() {
|
||||
t = true;
|
||||
}, 6 * prize * prize)
|
||||
} else {
|
||||
alert('您没有抽奖机会了')
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
</html>
|
||||
34
hyhproject/mobile2/view/default/brands.html
Executable file
34
hyhproject/mobile2/view/default/brands.html
Executable file
@ -0,0 +1,34 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}品牌街 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/shops_list.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
{php}$Title = "品牌街"{/php}
|
||||
{include file="default/header" /}
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
<section class="ui-container">
|
||||
<ul id="info-list"></ul>
|
||||
<div class="wst-clear"></div>
|
||||
</section>
|
||||
<script id="list" type="text/html">
|
||||
{{# for(var i=0; i<d.length; i++){ }}
|
||||
<li class="wst-brands {{# if((i)%2==0){ }}left{{# }else{ }}right{{# } }}">
|
||||
<div class="wst-brands_img">
|
||||
<a href="javascript:void(0);" onclick="javascript:getGoodsList({{ d[i].brandId }});">
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{{ d[i].brandImg }}" title="{{ d[i].brandName }}">
|
||||
</a>
|
||||
<a href="javascript:void(0);" onclick="javascript:getGoodsList({{ d[i].brandId }});">
|
||||
<span class="ui-nowrap-flex">{{ d[i].brandName }}</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
{{# } }}
|
||||
</script>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/brands.js?v={$v}'></script>
|
||||
{/block}
|
||||
105
hyhproject/mobile2/view/default/carts.html
Executable file
105
hyhproject/mobile2/view/default/carts.html
Executable file
@ -0,0 +1,105 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}购物车 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/carts.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
|
||||
<a href="{:url('mobile/index/index')}"><i class="ui-icon-return"></i></a><h1>购物车</h1>
|
||||
{if(count($carts['carts'])>0)}
|
||||
<span id="edit" class="edit" onclick="javascript:edit(0);">编辑</span><span id="complete" class="edit" onclick="javascript:edit(1);" style="display: none;">完成</span>
|
||||
<div class="wst-ca-more" onclick="javascript:inMore();">···</div>
|
||||
{/if}
|
||||
</header>
|
||||
<div class="wst-go-more" id="arrow" style="display: none;"><i class="arrow"></i>
|
||||
<ul class="ui-row ui-list-active more">
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/index/index')}"><i class="home"></i><p>首页</p></a></div></li>
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/goodscats/index')}"><i class="category"></i><p>分类</p></a></div></li>
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/favorites/goods')}"><i class="follow"></i><p>关注</p></a></div></li>
|
||||
<li class="ui-col"><div class="column"><a href="{:url('mobile/users/index')}"><i class="user"></i><p>我的</p></a></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="wst-ca-layer" id="layer" onclick="javascript:inMore();"></div>
|
||||
{/block}
|
||||
{block name="footer"}
|
||||
{if(count($carts['carts'])>0)}
|
||||
<footer class="ui-footer wst-footer-btns" style="height:42px; border-top: 1px solid #e8e8e8;" id="footer">
|
||||
<div class="wst-ca-se">
|
||||
<div class="wst-ca-layout">
|
||||
<div class="wst-ca-10 totall"><i class="ui-icon-choose ui-icon-unchecked-s" cartId="0" mval="0"></i> </div>
|
||||
<div class="wst-ca-90 totalr">
|
||||
<span>全选</span>
|
||||
<button id="settlement" class="button" type="button" onclick="javascript:toSettlement();">结算</button>
|
||||
<button id="delete" class="button" type="button" onclick="javascript:deletes();" style="display: none;">删除</button>
|
||||
<span id="total" class="total">合计：<span id="totalMoney" class="price"><span>¥ </span>{php}echo sprintf("%.2f", $carts['goodsTotalMoney']);{/php}</span></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{else}
|
||||
{include file="default/footer" /}
|
||||
{/if}
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<section class="ui-container">
|
||||
{if(count($carts['carts'])>0)}
|
||||
<input type="hidden" name="" value="0" id="buyNum_0" autocomplete="off">
|
||||
<input type="hidden" name="" value="{php}echo count($carts['carts'])+1;{/php}" id="totalshop" autocomplete="off">
|
||||
{volist name="$carts['carts']" id="ca" key="k"}
|
||||
<div class="wst-ca-s">
|
||||
<div class="wst-ca-layout shop">
|
||||
<div class="wst-ca-10 shopl"><i class="ui-icon-chooses ui-icon-unchecked-s" childrenId="clist{$k}" cartId="0" mval="0"></i> </div>
|
||||
<div class="wst-ca-90 shopr"><p class="ui-nowrap" onclick="javascript:WST.intoShops({$ca['shopId']});"><i class="shopicon"></i>{$ca['shopName']}</p></div>
|
||||
</div>
|
||||
{volist name="ca['list']" id="li"}
|
||||
{:hook('mobileDocumentCartGoodsPromotion',['goods'=>$li])}
|
||||
<div class="wst-ca-layout goods{if($li['goodsStock']==0)} nogoods{/if} j-g{$li["cartId"]}">
|
||||
<div class="wst-ca-10 goodsl">
|
||||
<i id="gchk_{$li["cartId"]}" class="ui-icon-chooseg {if($li['isCheck'])}ui-icon-success-block wst-active{else}ui-icon-unchecked-s{/if} clist{$k}" cartId="{$li['cartId']}" mval="{$li['shopPrice']}"></i> </div>
|
||||
<div class="wst-ca-90">
|
||||
<div class="wst-ca-24 goodsr">
|
||||
<div class="img j-imgAdapt">
|
||||
<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$li['goodsId']});">
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{:WSTImg($li['goodsImg'],3)}" title="{$li['goodsName']}">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-ca-76">
|
||||
<div class="info">
|
||||
<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$li['goodsId']});"><p class="name">{$li['goodsName']}</p></a><p class="price">¥ {$li['shopPrice']}</p>
|
||||
{if($li['specNames'])}
|
||||
<p class="spec">规格：
|
||||
{volist name="li['specNames']" id="sp"}
|
||||
{$sp['catName']}:{$sp['itemName']}
|
||||
{/volist}
|
||||
</p>
|
||||
{/if}
|
||||
<div class="wst-buy_l">
|
||||
<input class="wst-buy_l1" type="button" value="-" onclick='javascript:WST.changeIptNum(-1,"#buyNum",{$li["cartId"]},"statCartMoney")'><input id="buyNum_{$li['cartId']}" class="wst-buy_l2" data-min='1' data-max='{$li["goodsStock"]}' type="number" value="{$li['cartNum']}" autocomplete="off" onkeyup='WST.changeIptNum(0,"#buyNum",{$li["cartId"]},"statCartMoney")'><input class="wst-buy_l3" type="button" value="+" onclick='javascript:WST.changeIptNum(1,"#buyNum",{$li["cartId"]},"statCartMoney")'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="noprompt{$li['cartId']}" class="noprompt" style="display: none;"></span>
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="wst-ca-layout bottom">
|
||||
<p class="wst-ca-50">共 {php}echo count($ca['list']);{/php} 件商品</p><p id="tprice_{$k}" class="wst-ca-50 price"><span>¥ </span>{php}echo sprintf("%.2f", $ca['goodsMoney']);{/php}</p>
|
||||
</div>
|
||||
</div>
|
||||
{/volist}
|
||||
{else}
|
||||
<div class="wst-prompt-icon" style="width: 1rem;height: 1rem;"><img src="__MOBILE__/img/nothing-cart.png" style="width: 1rem;height: 1rem;"></div>
|
||||
<div class="wst-prompt-info">
|
||||
<p>购物车内还没商品哦，去逛逛吧~</p>
|
||||
<button class="ui-btn-s" onclick="javascript:WST.intoIndex();">去逛逛</button>
|
||||
</div>
|
||||
{/if}
|
||||
</section>
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/dialog" /}<!-- 对话框模板 -->
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/carts.js?v={$v}'></script>
|
||||
{/block}
|
||||
54
hyhproject/mobile2/view/default/css/address.css
Executable file
54
hyhproject/mobile2/view/default/css/address.css
Executable file
@ -0,0 +1,54 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-listse{margin-top:8px;font-size:.15rem}
|
||||
.wst-list-infose1{width:96%;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ededed}
|
||||
.wst-list-infose1 span{float:left;width:100%}
|
||||
.wst-list-infose1 .name{color:#232228}
|
||||
.wst-list-infose1 .address{color:#808080}
|
||||
.wst-ad-operate{padding:10px;height:0.22rem;line-height:0.25rem;font-size:.14rem}
|
||||
.wst-ad-operate .left{float:left;margin-left:22px}
|
||||
.wst-ad-operate .right{float:right}
|
||||
.wst-ad-operate i{float:left;width:22px;height:22px}
|
||||
.j-operate{z-index:100;float:left;width:22px;height:22px;margin:-32px 0 0 9px}
|
||||
.j-operate.default,.ui-form-itemin .operate .default{background:url(../img/icon_adds_users.png) -11px -5px no-repeat;background-size:645%}
|
||||
.j-operate.nodefault,.ui-form-itemin .operate .nodefault{background:url(../img/icon_adds_users.png) -41px -5px no-repeat;background-size:645%}
|
||||
.wst-ad-operate .edit{background:url(../img/icon_adds_users.png) -71px -5px no-repeat;background-size:631%}
|
||||
.wst-ad-operate .delete{background:url(../img/icon_adds_users.png) -106px -5px no-repeat;background-size:631%}
|
||||
.wst-ad-form{margin-top:8px}
|
||||
.ui-form-itemin{position:relative;font-size:16px;height:44px;line-height:44px;padding:1px 10px;font-size:.18rem;background:#fff}
|
||||
.ui-form-itemin .word{color:#232228;font-size:.15rem}
|
||||
.ui-form-itemin input{float:right;width:75%;height:35px;border:0;margin-top:4px;font-size:.15rem}
|
||||
.ui-form-itemin label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio){position:absolute;text-align:left;box-sizing:border-box}
|
||||
.ui-form-itemin .address{float:right;width:75%;height:35px;line-height:35px;margin-top:4px;font-size:.15rem}
|
||||
.ui-form-itemin .ui-select-group{margin-top:5px}
|
||||
.wst-selectin{float:left;position:relative;width:72%}
|
||||
.wst-address_set{width:100%;height:40px;position:fixed;z-index:100;left:0;bottom:0}
|
||||
.wst-ad-line{padding:0 10px}
|
||||
.wst-ad-line p{border-bottom:1px solid #edebeb}
|
||||
.wst-ad-submit{margin-top:20px}
|
||||
.wst-ad-submit .button{margin:0 auto;width:93%;font-size:.15rem;height:40px;line-height:40px;color:#fff;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.wst-ad-submit .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.wst-ad-operate{font-size:.15rem}
|
||||
.ui-switch input:checked:before{border-color: #ff3c3c;box-shadow: #ff3c3c 0px 0px 0px 16px inset;background-color: #ff3c3c;background-color: #ff3c3c;}
|
||||
.ui-switch input:before{height: 26px;}
|
||||
.ui-switch input:checked:after {left: 26px;}
|
||||
.ui-switch input:after {width: 26px;height: 26px;}
|
||||
.ui-switch{margin-top: -14px;}
|
||||
.iziModal{background:#f6f6f8}
|
||||
.iziModal-button-close i{font-size: 22px;line-height:41px;}
|
||||
.iziModal .iziModal-header-title{font-size: 16px;height:22px;line-height:22px;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;left:0;bottom:-285px;width:100%;min-height:50%;background:#fff;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1;}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:15px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{padding:10px 10px 20px 10px}
|
||||
.wst-fr-box .option{float:left;width:100%;border-bottom:1px solid #edebeb}
|
||||
.wst-fr-box .option p{float:left;width:50px;height:26px;line-height:26px;padding:0 5px;text-align:center}
|
||||
.wst-fr-box .option .active{border-bottom:1px solid #de0301}
|
||||
.wst-fr-box .list{padding-top:5px;font-size:0.14rem;}
|
||||
.wst-fr-box .list.hide{display:none}
|
||||
.wst-fr-box .list p{padding:5px 0}
|
||||
.wst-fr-box .list .active{color:#de0301}
|
||||
.wst-ad-footer{position: fixed;z-index: 100;bottom:0;left: 0;width: 100%;height: 44px;background: #FFF;border-top: 1px solid #e8e8e8;}
|
||||
.wst-ad-footer .button{display: block;margin: 0 auto;margin-top:2px;width: 90%;font-size: .15rem;height: 40px;line-height: 40px;color: #fff;background: #e00102;border-radius: 5px;border-bottom: 1px solid #e00102;}
|
||||
.wst-ad-footer .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip: padding-box;}
|
||||
44
hyhproject/mobile2/view/default/css/articles.css
Executable file
44
hyhproject/mobile2/view/default/css/articles.css
Executable file
@ -0,0 +1,44 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{font-size:.15rem}
|
||||
.news-time{margin-top:10px;text-align:right;font-size:.13rem;padding-right: 10px;}
|
||||
.news-content-box{background:#fff;padding: 10px 0 35px 0;}
|
||||
.news-content{max-height:100px}
|
||||
.news-title{font-weight:bold;padding: 10px;font-size: 20px;padding-bottom: 0px;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;bottom:0;width:100%;min-height:40%;background:#f6f6f8;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:16px}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{overflow-y:scroll;background:#fff}
|
||||
.wst-fr-box .button,.wst-cart-box .button{position:absolute;left:3%;bottom:0;width:93%;font-size:.185rem;height:40px;line-height:40px;color:#fff;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.wst-fr-box .button:not(.disabled):not(:disabled):active,.wst-cart-box .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.title{background:#fff}
|
||||
.view-content{background:#fff}
|
||||
.news-time{margin:5px 0;padding: 0.05rem 0.1rem;background:#ffffff;}
|
||||
.wst-info{padding:0.04rem;font-weight: bold;font-size:0.18rem;color: #051B28;padding-left: 0.06rem;height:55px;}
|
||||
.wst-max-info{padding:0.04rem;padding-top: 0rem; font-weight: bold;font-size: 0.140rem;color: #051B28;padding-left: 0.06rem;}
|
||||
.wst-mix-info{padding-left: 0.06rem;padding-right: 0.06rem;color: #999;font-size: 10px;}
|
||||
.max-remind{height: 16px;}
|
||||
.max-img{position: relative;padding-top: 40%; background-size: 30%;overflow: hidden;margin-bottom: 8px;}
|
||||
.max-img a img{position: absolute;width: 100%;top: 50%;left: 50%; transform: translate(-50%, -50%);}
|
||||
.wst-model{background-color: #fff;padding: 0.01rem;margin-top: 10px;}
|
||||
.wst-right-align{text-align: right;}
|
||||
.wst-mix-cont{font-size: 0.12rem;color: #999;padding-top: 10px;}
|
||||
.view-content img{width: 100%;}
|
||||
.wst-like{padding-bottom: 50px;position: relative;}
|
||||
.icon-like1{background: url(../img/icon_like1.png) 5px no-repeat;background-size: 20px 20px;border-radius: 10px; position: absolute;top: 0;left: 0;width: auto;height: 30px;margin-left: 40%;margin-bottom: 20px; border: 1px solid red;}
|
||||
.icon-like2{background: url(../img/icon_like2.png) 5px no-repeat;background-size: 20px 20px;border-radius: 10px; position: absolute;top: 0;left: 0;width: auto;height: 30px;margin-left: 40%;margin-bottom: 20px; border: 1px solid red;}
|
||||
.like_num{display: inline-block;padding: 5px;padding-left: 32px;padding-top: 6px; color: #ED0000;}
|
||||
.wst-bor-mix-img{padding: 0.01rem;padding-bottom: 0;}
|
||||
.wst-headero ~ .ui-container{border-top:72px solid transparent}
|
||||
.ui-tab{position:fixed;width:100%;z-index:100;left:0;top:41px}
|
||||
.order-tab{width:100%;height:35px;line-height:35px;padding:0;background:#fff;overflow-x:scroll}
|
||||
.order-tab::-webkit-scrollbar{width:1px;height:1px;background-color:#fff}
|
||||
.order-tab::-webkit-scrollbar-thumb{background-color:#fff}
|
||||
.wst-headero ~ .ui-container{border-top:72px solid transparent}
|
||||
.item-head{font-size: .15rem;padding:10px 0;border-bottom:1px solid #f2f1f1}
|
||||
.item-head p{padding-left:20px;position: relative;}
|
||||
.item-head .shopicon{position: absolute;display: block;top: 2px;left: 0;width: 19px;height: 19px;background: url(../img/icon_dp.png) 0px 1px no-repeat;background-size: 87%;}
|
||||
.ui-tab-nav li.tab-item{font-size:.15rem;height:35px;line-height:35px;padding:0 5px;text-align:center;}
|
||||
.ui-tab-nav li.tab-curr{color:#de4943;;height:34px;border-bottom:2px solid #de4943;}
|
||||
.ui-header ~ .ui-container{border-top: 25px solid transparent;}
|
||||
215
hyhproject/mobile2/view/default/css/bash.css
Executable file
215
hyhproject/mobile2/view/default/css/bash.css
Executable file
@ -0,0 +1,215 @@
|
||||
body {
|
||||
background: #070503;
|
||||
}
|
||||
.banner img {
|
||||
width: 6.4rem;
|
||||
height: 8.5rem;
|
||||
}
|
||||
.bash_yhj {
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
.bash_yhj_a {
|
||||
margin-right: 0.1rem;
|
||||
float: left;
|
||||
}
|
||||
.bash_yhj .bash_yhj_a img {
|
||||
width: 1.14rem;
|
||||
height: 1.95rem;
|
||||
}
|
||||
.shopping {
|
||||
margin-left: 1.16rem;
|
||||
margin-top: 0.35rem;
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
.shopping img {
|
||||
width: 4.03rem;
|
||||
height: 0.62rem;
|
||||
}
|
||||
.choujiang {
|
||||
width: 6.13rem;
|
||||
height: 5.29rem;
|
||||
background: url(../img/ac3_bg2.png) no-repeat;
|
||||
background-size: 100% ;
|
||||
margin-left: 0.14rem;
|
||||
position: relative;
|
||||
}
|
||||
.choujiang .cj_shan {
|
||||
width: 6.4rem;
|
||||
height: 5.29rem;
|
||||
position: absolute;
|
||||
left: -0.12rem;
|
||||
top: -0.1rem;
|
||||
}
|
||||
.cj_con {
|
||||
width: 82.8%;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 18%;
|
||||
z-index: 11;
|
||||
padding: 0.5% 0 0 1%;
|
||||
}
|
||||
.content {
|
||||
width: 32.3%;
|
||||
float: left;
|
||||
margin: 0 1% 0.5% 0;
|
||||
position: relative;
|
||||
}
|
||||
.content img {
|
||||
width: 100%;
|
||||
}
|
||||
.num {
|
||||
width: 98%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 4%;
|
||||
color: #FFFFFF;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.content_con {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 12;
|
||||
}
|
||||
.cj_con .active .content_con {
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 10%;
|
||||
}
|
||||
.content_con img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.choujiang .on {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
.baqi {
|
||||
margin-left: 1.16rem;
|
||||
margin-bottom: 0.4rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.baqi img {
|
||||
width: 4rem;
|
||||
height: 0.89rem;
|
||||
}
|
||||
.baqi_man {
|
||||
width: 6.4rem;
|
||||
margin-left: 0.14rem;
|
||||
}
|
||||
.baqi_man .man_cp {
|
||||
width: 3rem;
|
||||
height: 1.64rem;
|
||||
background: url(../img/ac3_bg3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
float: left;
|
||||
margin-right: 0.1rem;
|
||||
margin-bottom: 0.15rem;
|
||||
}
|
||||
.man_cp .p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.28rem;
|
||||
color: #fff;
|
||||
margin-top: 0.2rem;
|
||||
margin-left: 0.1rem;
|
||||
margin-bottom: 0.15rem;
|
||||
}
|
||||
.man_cp .p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.18rem;
|
||||
color: #fff;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
.man_cp .go {
|
||||
width: 0.58rem;
|
||||
height: 0.22rem;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 0.22rem;
|
||||
color: #000000;
|
||||
font-size: 0.18rem;
|
||||
margin-left: 0.28rem;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
.man_tejia {
|
||||
width: 6.13rem;
|
||||
height: 1.48rem;
|
||||
background: url(../img/ac3_bg4.png) no-repeat;
|
||||
background-size: 100% ;
|
||||
padding-top: 0.2rem;
|
||||
}
|
||||
.man_tejia .p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.28rem;
|
||||
color: #fff;
|
||||
margin-left: 0.1rem;
|
||||
margin-bottom: 0.15rem;
|
||||
}
|
||||
.man_tejia .p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.18rem;
|
||||
color: #fff;
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
.man_tejia .go {
|
||||
width: 0.58rem;
|
||||
height: 0.22rem;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 0.22rem;
|
||||
color: #000000;
|
||||
font-size: 0.18rem;
|
||||
margin-left: 0.28rem;
|
||||
margin-top: 0.13rem;
|
||||
}
|
||||
.liaomei {
|
||||
margin-left: 1.16rem;
|
||||
margin-bottom: 0.4rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.liaomei img {
|
||||
width: 4rem;
|
||||
height: 0.89rem;
|
||||
}
|
||||
.liao_gl {
|
||||
width: 6.4rem;
|
||||
margin-left: 0.05rem;
|
||||
}
|
||||
.gl_sp {
|
||||
width: 3.1rem;
|
||||
height: 4.28rem;
|
||||
background: url(../img/ac3_bg5.png) no-repeat;
|
||||
background-size: 100% ;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 0.09rem;
|
||||
margin-bottom: 0.09rem;
|
||||
}
|
||||
.gl_sp img {
|
||||
width: 2.92rem;
|
||||
height: 3.51rem;
|
||||
position: absolute;
|
||||
top: 0.09rem;
|
||||
left: 0.09rem;
|
||||
}
|
||||
.gl_sp .p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.18rem;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 0.4rem;
|
||||
left: 0.09rem;
|
||||
}
|
||||
.gl_sp .p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.18rem;
|
||||
font-weight: 900;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 0.08rem;
|
||||
left: 0.09rem;
|
||||
}
|
||||
244
hyhproject/mobile2/view/default/css/bash.less
Executable file
244
hyhproject/mobile2/view/default/css/bash.less
Executable file
@ -0,0 +1,244 @@
|
||||
body{
|
||||
background: #070503;
|
||||
}
|
||||
|
||||
.banner img{
|
||||
width: 640/100rem;
|
||||
height: 850/100rem;
|
||||
}
|
||||
|
||||
.bash_yhj{
|
||||
margin-left: 80/100rem;
|
||||
}
|
||||
|
||||
.bash_yhj_a{
|
||||
margin-right: 10/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bash_yhj .bash_yhj_a img{
|
||||
width: 114/100rem;
|
||||
height: 195/100rem;
|
||||
}
|
||||
|
||||
.shopping{
|
||||
margin-left: 116/100rem;
|
||||
margin-top: 35/100rem;
|
||||
margin-bottom: 35/100rem;
|
||||
}
|
||||
|
||||
.shopping img{
|
||||
width: 403/100rem;
|
||||
height: 62/100rem;
|
||||
}
|
||||
|
||||
.choujiang{
|
||||
width: 613/100rem;
|
||||
height: 529/100rem;
|
||||
background: url(../img/ac3_bg2.png) no-repeat;
|
||||
background-size:100% ;
|
||||
margin-left: 14/100rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.choujiang .cj_shan{
|
||||
width: 640/100rem;
|
||||
height: 529/100rem;
|
||||
position: absolute;
|
||||
left: -12/100rem;
|
||||
top: -10/100rem;
|
||||
}
|
||||
|
||||
.cj_con{
|
||||
width: 82.8%;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 18%;
|
||||
z-index: 11;
|
||||
padding: 0.5% 0 0 1%;
|
||||
}
|
||||
.content{
|
||||
width: 32.3%;
|
||||
float: left;
|
||||
margin: 0 1% 0.5% 0;
|
||||
position: relative;
|
||||
}
|
||||
.content img{
|
||||
width: 100%;
|
||||
}
|
||||
.num{
|
||||
width: 98%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 4%;
|
||||
color:#FFFFFF;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.content_con{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 12;
|
||||
}
|
||||
.cj_con .active .content_con{
|
||||
background: rgba(255,255,255,0.8);
|
||||
border-radius: 10%;
|
||||
}
|
||||
.content_con img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.choujiang .on{
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
.baqi{
|
||||
margin-left: 116/100rem;
|
||||
margin-bottom: 40/100rem;
|
||||
margin-top: 40/100rem;
|
||||
}
|
||||
|
||||
.baqi img{
|
||||
width: 400/100rem;
|
||||
height: 89/100rem;
|
||||
}
|
||||
|
||||
.baqi_man{
|
||||
width: 640/100rem;
|
||||
margin-left: 14/100rem;
|
||||
}
|
||||
|
||||
.baqi_man .man_cp{
|
||||
width: 300/100rem;
|
||||
height: 164/100rem;
|
||||
background: url(../img/ac3_bg3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
float: left;
|
||||
margin-right: 10/100rem;
|
||||
margin-bottom: 15/100rem;
|
||||
}
|
||||
|
||||
.man_cp .p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 28/100rem;
|
||||
color: #fff;
|
||||
margin-top: 20/100rem;
|
||||
margin-left: 10/100rem;
|
||||
margin-bottom: 15/100rem;
|
||||
}
|
||||
|
||||
.man_cp .p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 18/100rem;
|
||||
color: #fff;
|
||||
margin-left: 10/100rem;
|
||||
}
|
||||
|
||||
.man_cp .go{
|
||||
width: 58/100rem;
|
||||
height: 22/100rem;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 22/100rem;
|
||||
color: #000000;
|
||||
font-size: 18/100rem;
|
||||
margin-left: 28/100rem;
|
||||
margin-top: 13/100rem;
|
||||
}
|
||||
|
||||
.man_tejia{
|
||||
width: 613/100rem;
|
||||
height: 148/100rem;
|
||||
background: url(../img/ac3_bg4.png) no-repeat;
|
||||
background-size: 100% ;
|
||||
padding-top: 20/100rem;
|
||||
}
|
||||
|
||||
.man_tejia .p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 28/100rem;
|
||||
color: #fff;
|
||||
margin-left: 10/100rem;
|
||||
margin-bottom: 15/100rem;
|
||||
}
|
||||
|
||||
.man_tejia .p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 18/100rem;
|
||||
color: #fff;
|
||||
margin-left: 10/100rem;
|
||||
}
|
||||
|
||||
.man_tejia .go{
|
||||
width: 58/100rem;
|
||||
height: 22/100rem;
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
line-height: 22/100rem;
|
||||
color: #000000;
|
||||
font-size: 18/100rem;
|
||||
margin-left: 28/100rem;
|
||||
margin-top: 13/100rem;
|
||||
}
|
||||
|
||||
.liaomei{
|
||||
margin-left: 116/100rem;
|
||||
margin-bottom: 40/100rem;
|
||||
margin-top: 40/100rem;
|
||||
}
|
||||
|
||||
.liaomei img{
|
||||
width: 400/100rem;
|
||||
height: 89/100rem;
|
||||
}
|
||||
|
||||
.liao_gl{
|
||||
width: 640/100rem;
|
||||
margin-left: 5/100rem;
|
||||
}
|
||||
|
||||
.gl_sp{
|
||||
width: 310/100rem;
|
||||
height: 428/100rem;
|
||||
background: url(../img/ac3_bg5.png) no-repeat;
|
||||
background-size:100% ;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 9/100rem;
|
||||
margin-bottom: 9/100rem;
|
||||
}
|
||||
|
||||
.gl_sp img{
|
||||
width: 292/100rem;
|
||||
height: 351/100rem;
|
||||
position: absolute;
|
||||
top: 9/100rem;
|
||||
left: 9/100rem;
|
||||
}
|
||||
|
||||
.gl_sp .p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 18/100rem;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 40/100rem;
|
||||
left: 9/100rem;
|
||||
}
|
||||
.gl_sp .p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 18/100rem;
|
||||
font-weight: 900;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
bottom: 8/100rem;
|
||||
left: 9/100rem;
|
||||
}
|
||||
|
||||
60
hyhproject/mobile2/view/default/css/carts.css
Executable file
60
hyhproject/mobile2/view/default/css/carts.css
Executable file
@ -0,0 +1,60 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-ca-layout{display:block;overflow:hidden}
|
||||
.wst-ca-10{float:left;width:10%;box-sizing:border-box}
|
||||
.wst-ca-90{float:left;width:90%;box-sizing:border-box}
|
||||
.wst-ca-24{float:left;width:24%;box-sizing:border-box}
|
||||
.wst-ca-76{float:left;width:75%;box-sizing:border-box}
|
||||
.wst-ca-50{float:left;width:50%;box-sizing:border-box}
|
||||
.wst-ca-s{background:#fff;padding:10px 5px;margin-top:10px;font-size:.15rem}
|
||||
.wst-ca-s .shop{height:26px;line-height:26px;padding-bottom:3px;border-bottom:1px solid #edebeb}
|
||||
.wst-ca-s .goods{padding:3px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-ca-s .nogoods{border:1px solid #de0301;background:#f8eeee}
|
||||
.wst-ca-s .nogoods .noprompt{position:absolute;left:0;top:0;color:#fff;font-size:.15rem;background:#e00102}
|
||||
.wst-ca-s .shopr{height:26px;line-height:26px}
|
||||
.wst-ca-s .shopr p{float:left;width:86%;}
|
||||
.wst-ca-s .shopr .shopicon{float:left;width:22px;height:26px;position: relative;background: url(../img/icon_dp.png) 0px 4px no-repeat;background-size: 87%;}
|
||||
.wst-ca-s .shopl,.wst-ca-s .shopr,.wst-ca-s .goodsl,.wst-ca-se .totall,.wst-ca-s .nogoods{position:relative}
|
||||
.wst-ca-s .shopl i{position:absolute;left:-2px;top:-9px}
|
||||
.wst-ca-s .info{padding-left:5px}
|
||||
.wst-ca-s .goodsl i{position:absolute;left:-2px;top:50%}
|
||||
.wst-ca-s .goodsr .img{float:left;width:100%;height:70px;text-align:center;vertical-align:middle;display:block}
|
||||
.wst-ca-s .goodsr .img a{width:100%;height:70px;display:table-cell;vertical-align:middle}
|
||||
.wst-ca-s .goodsr .img a img{max-width:70px;max-height:70px}
|
||||
.wst-ca-s .info .name{float:left;width:72%;font-size:.145rem;font-weight: 700;}
|
||||
.wst-ca-s .info .price{float:right;width:28%;text-align:right;font-size:.13rem}
|
||||
.wst-ca-s .info .spec{float:left;width:100%;padding:3px 0;color:#a6a6a6}
|
||||
.wst-buy_l{float:right;width:100%;margin-top:3px;text-align:right}
|
||||
.wst-buy_l1,.wst-buy_l3{width:30px;height:28px;background:#FFF;border:0;border:1px solid #ddd}
|
||||
.wst-buy_l1{border-right:1px solid #fff;}
|
||||
.wst-buy_l3{border-left:1px solid #fff;}
|
||||
.wst-buy_l1{border-top-left-radius:3px;border-bottom-left-radius:3px}
|
||||
.wst-buy_l3{border-top-right-radius:3px;border-bottom-right-radius:3px}
|
||||
.wst-buy_l2{width:38px;height:28px;border:1px solid #ddd;text-align:center;color:#e00102}
|
||||
.wst-buy_l1:focus,.wst-buy_l3:focus{color:#e00102}
|
||||
.wst-buy_l2:focus{width:38px;height:28px;border:1px solid #e00102}
|
||||
.wst-ca-s .bottom{height:23px;line-height:23px;font-size:.158rem;margin-top:8px}
|
||||
.wst-ca-s .bottom .price{color:#de0202;text-align:right;}
|
||||
.wst-ca-s .bottom .price span{font-size:0.13rem;}
|
||||
.wst-ca-se{padding:0 5px;font-size:.165rem;height:42px;line-height:42px}
|
||||
.wst-ca-se .totall i{position:absolute;left:-2px;top:-2px}
|
||||
.wst-ca-se .totalr span{color:#051b28;}
|
||||
.wst-ca-se .total{float:right;margin-right:6px}
|
||||
.wst-ca-se .total .price{color:#de0202;}
|
||||
.wst-ca-se .totalr .price span{color:#de0202;font-size:.13rem;}
|
||||
.wst-ca-se .totalr .button{float:right;width:31%;height:33px;color:#fff;margin-top:4px;font-size:.18rem;background:#e00102;font-size:.165rem;border-radius:3px;border-bottom:1px solid #e00102}
|
||||
.wst-ca-se .totalr .button:not(.disabled):not(:disabled):active,.wst-ca-se .totalr .button.active{color:#fbd6d6;background:#f25a5b;background-clip:padding-box}
|
||||
.wst-header .edit{right: 33px;}
|
||||
.wst-ca-layer{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-Index: 9999;display: none;}
|
||||
.wst-ca-more{ position: absolute;top: 0;right: 8px;color: #59595c;min-width: 30px;height: 41px;line-height: 41px;font-size: 20px;font-weight: 700;text-align: right;}
|
||||
.wst-go-more{position: fixed;top: 29px;right: 1px;z-Index: 10000;width: 32%;}
|
||||
.wst-go-more .arrow{position: absolute;top:-6px;right:7px;display: block;width: 0;height: 0;line-height: 0;border-width: 0.11rem;border-color: transparent transparent rgba(85,85,85,0.95) transparent;border-style: dashed dashed solid dashed;}
|
||||
.wst-go-more .more{margin-top:13px;border-radius: 3px;background: rgba(85,85,85,0.95);}
|
||||
.wst-go-more .more .column{width: 80px;display: block;margin: 0 auto;height: 23px;line-height: 23px;padding:10px 0px;}
|
||||
.wst-go-more .more .line{border-bottom: 1px solid #f2f2f2;}
|
||||
.wst-go-more .more i{float: left;width: 23px;height: 23px;margin-left:2px;position: relative;}
|
||||
.wst-go-more .home{background: url(../img/icon_bottomnav.png) 0px -24px no-repeat;background-size: 1062%;}
|
||||
.wst-go-more .category{background: url(../img/icon_bottomnav.png) -53px -23px no-repeat;background-size: 1010%;}
|
||||
.wst-go-more .follow{background: url(../img/icon_bottomnav.png) -161px -23px no-repeat;background-size: 1010%;}
|
||||
.wst-go-more .user{background: url(../img/icon_bottomnav.png)-216px -23px no-repeat;background-size: 1010%;}
|
||||
.wst-go-more .more p{float: left;width: 55px;color: #fff;font-size:0.13rem;}
|
||||
.wst-go-more .more li:active{padding-left:2px;background: #252525;}
|
||||
43
hyhproject/mobile2/view/default/css/cashconfigs.css
Executable file
43
hyhproject/mobile2/view/default/css/cashconfigs.css
Executable file
@ -0,0 +1,43 @@
|
||||
@CHARSET 'UTF-8';
|
||||
body{background:#f2f2f2;font-size:.15rem}
|
||||
.ui-icon-return ~ h1{z-index:-1;position:relative}
|
||||
.add{position:absolute;right:0;top:0;display:block;color:black;padding-right:10px}
|
||||
.ui-row{border:1px solid #e2e2e2;border-radius:5px;margin:5px;padding:10px 5px;background:#fff}
|
||||
.wst-ca-accno{color: #de0202;font-size:.17rem;font-weight: 700;letter-spacing:2px;}
|
||||
.wst-ca-info{color: #999;font-size:.13rem;}
|
||||
.c-tr{float: right;line-height:30px;margin-top:26%;}
|
||||
.delete-icon{width:25px;height:30px;display:block;float:left;background:url(../img/icon_adds_users.png) no-repeat;background-position:-86px 0;background-size:cover}
|
||||
.wst-ad-form{margin-top:8px}
|
||||
.wst-ca-choice{float: right;width: 75%;padding: 2px 2px 2px 0px;margin-top: 4px;height: 36px;border-radius: 2px;font-size:.15rem;border: 0;background:#fff;}
|
||||
.ui-form-itemin{position:relative;font-size:16px;height:44px;line-height:44px;padding:1px 10px;font-size:.18rem;background:#fff}
|
||||
.ui-form-itemin .word{color:#232228;font-size:.15rem}
|
||||
.ui-form-itemin input{float:right;width:75%;height:35px;border:0;margin-top:4px;font-size:.15rem;}
|
||||
.ui-form-itemin label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio){position:absolute;text-align:left;box-sizing:border-box}
|
||||
.ui-form-itemin .address{float:right;width:75%;height:35px;line-height:35px;margin-top:4px;font-size:.15rem;}
|
||||
.ui-form-itemin .ui-select-group{margin-top:5px}
|
||||
.wst-selectin{float:left;position:relative;width:72%}
|
||||
.wst-address_set{width:100%;height:40px;position:fixed;z-index:100;left:0;bottom:0}
|
||||
.wst-ad-line{padding:0 10px}
|
||||
.wst-ad-line p{border-bottom:1px solid #edebeb}
|
||||
.wst-ad-submit{margin-top:20px}
|
||||
.wst-ad-submit .button{margin:0 auto;width:93%;font-size:.185rem;height:40px;line-height:40px;color:#fff;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.wst-ad-submit .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.ui-form-itemin .operate{font-size:.158rem}
|
||||
.ui-form-itemin .operate i{float:left;width:22px;height:22px;margin-top:10px;margin-right:2px}
|
||||
.ui-form-itemin .operate span{margin-left:5px}
|
||||
.iziModal{background:#f6f6f8}
|
||||
.iziModal-button-close i{font-size: 22px;line-height:41px;}
|
||||
.iziModal .iziModal-header-title{font-size: 16px;height:22px;line-height:22px;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;left:0;bottom:-285px;width:100%;min-height:50%;background:#fff;font-size:.14rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size: 15px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{padding:10px 10px 20px 10px}
|
||||
.wst-fr-box .option{float:left;width:100%;border-bottom:1px solid #edebeb}
|
||||
.wst-fr-box .option p{float:left;width:50px;height:26px;line-height:26px;padding:0 5px;text-align:center}
|
||||
.wst-fr-box .option .active{border-bottom:1px solid #de0301}
|
||||
.wst-fr-box .list{padding-top:5px}
|
||||
.wst-fr-box .list.hide{display:none}
|
||||
.wst-fr-box .list p{padding:5px 0}
|
||||
.wst-fr-box .list .active{color:#de0301}
|
||||
7
hyhproject/mobile2/view/default/css/cashdraws.css
Executable file
7
hyhproject/mobile2/view/default/css/cashdraws.css
Executable file
@ -0,0 +1,7 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{font-size: 0.15rem;}
|
||||
.score-line{border-bottom:1px solid #eaeaea;margin-bottom: 5px;margin-top: 5px;}
|
||||
.score-time{color:#8c8c8c;font-size: 0.13rem;}
|
||||
.score-detail{background: #fff;padding:5px;}
|
||||
.score-detail-title{padding: 5px;padding-left:0px;font-size: 0.18rem;}
|
||||
.score-text{padding:15px 0;text-align: right;color:#de0202;}
|
||||
87
hyhproject/mobile2/view/default/css/common.css
Executable file
87
hyhproject/mobile2/view/default/css/common.css
Executable file
@ -0,0 +1,87 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{color:#232326;background-color:#f6f6f8}
|
||||
a{color:#232326;}
|
||||
button:before{border:none !important;}
|
||||
.wst-header,.wst-in-header{border-bottom:1px solid #e5e5e5;background:#fff;height:41px;line-height:41px}
|
||||
.wst-header h1{font-size: 16px;color: #222;}
|
||||
.wst-header .ui-icon-return{left: 5px;font-size: 22px;height:41px;line-height:41px;}
|
||||
.wst-border-bs{font-size:.16rem;border-bottom:1px solid #e6e6e6}
|
||||
.wst-header .edit{position:absolute;top:0;right:8px;color:#59595c;min-width:32px;height:41px;line-height:41px;font-size:13px}
|
||||
.wst-header .edit:active{color:#827f7f}
|
||||
.wst-se-header2{height: 41px;background: #fff;padding-left:25px;border-bottom: 1px solid #e5e5e5;}
|
||||
.wst-se-header2 .ui-icon-return {top: 2px;left: 8px;color: #df0202;font-size: 22px;line-height: 36px;}
|
||||
.wst-se-search{display: block;width: 90.9%;height: 31px;line-height:31px;padding: 5px 0;margin: auto;position: relative;}
|
||||
.wst-se-search i{position: absolute;top: -2px;left: -2px;color: #999;}
|
||||
.wst-se-search input {margin-top:1px;padding: 0px 0 0 25px;width: 100%;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 15px;background: #eee;color: #999;font-size: 0.13rem;line-height: 28px;letter-spacing: 1px;border: none;}
|
||||
.wst-se-icon{position: absolute;top: 4px;right: 8px;width: 33px;height: 33px;display: block;background: url(../img/classify2.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-co-search{position: fixed;top:0;left:0;width: 100%;height:100%;background:#fff;z-index:1000;display:none;}
|
||||
.wst-co-search .wst-se-header2{z-index: 1000;}
|
||||
.wst-co-search .list{border-top: 42px solid transparent;}
|
||||
.wst-co-search .list .search{padding:0 0.05rem;font: bold 14px/31px verdana;}
|
||||
.wst-co-search .list .search i{float:left;width: 26px;height: 26px;background: url(../img/hot.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-co-search .list .term{margin-top:0.05rem;padding:0 0.1rem;}
|
||||
.wst-co-search .list .term a{float:left;margin:0 0.08rem 0.08rem 0;padding:0.05rem 0.1rem;font-size:0.13rem;border-radius: 0.03rem;color: #686868;background-color: #f0f2f5;}
|
||||
.wst-co-search .classify{border-top: 41px solid transparent;font-size:0.13rem;height: calc((100% - 41px));height: -webkit-calc((100% - 41px));height: -moz-calc((100% - 41px));height: -ms-calc((100% - 41px));height: -o-calc((100% - 41px));overflow-y: scroll;}
|
||||
.wst-co-search .classify li h4{font-size:0.13rem;}
|
||||
.wst-co-search .classify .ui-list-link > li:after,.wst-co-search .classify li .ui-txt-info{color: #232326;}
|
||||
.wst-co-search .classify .shops{margin:0.08rem 0 0.1rem 0;}
|
||||
.wst-co-search .classify .shops2 li{border-bottom: 1px solid #f6f6f8;}
|
||||
.wst-footer-btns{border:0;background:#FFF}
|
||||
.wst-menus{padding-top:2px}
|
||||
.wst-menus .carsNum{position:relative}
|
||||
.wst-menus .carsNum i{display:inline-block;text-align:center;background:#de0202;color:#fff;height:16px;line-height:16px;-webkit-border-radius:10px;padding:0 6px;background-clip:padding-box;font-size:.1rem;position:absolute;top:0;left:36px}
|
||||
.wst-menus p{width:55px;height:42px;margin:0 auto}
|
||||
.wst-menus .icon{width:36px;height:25px;display:block;margin:0 auto}
|
||||
.home-word,.category-word,.cart-word,.follow-word,.user-word{float:left;width:100%;text-align:center;font-size:0.12rem;color:#2c2c2c;height:16px;line-height:16px}
|
||||
.home-active-word,.category-active-word,.cart-active-word,.follow-active-word,.user-active-word{float:left;width:100%;text-align:center;font-size:0.12rem;color:#df0202;height:16px;line-height:16px}
|
||||
.wst-menus .home{background: url(../img/icon_bottomnav.png) 9px 4px no-repeat;background-size: 773%;}
|
||||
.wst-menus .category{background: url(../img/icon_bottomnav.png) -50px 5px no-repeat;background-size: 712%;}
|
||||
.wst-menus .cart{background: url(../img/icon_bottomnav.png) -121px 5px no-repeat;background-size: 770%;}
|
||||
.wst-menus .follow{background: url(../img/icon_bottomnav.png) -178px 5px no-repeat;background-size: 742%;}
|
||||
.wst-menus .user{background: url(../img/icon_bottomnav.png) -240px 5px no-repeat;background-size: 742%;}
|
||||
.wst-menus .home-active{background: url(../img/icon_bottomnav.png) 9px -25px no-repeat;background-size: 773%;}
|
||||
.wst-menus .category-active{background: url(../img/icon_bottomnav.png) -50px -23px no-repeat;background-size: 712%;}
|
||||
.wst-menus .cart-active{background: url(../img/icon_bottomnav.png) -121px -25px no-repeat;background-size: 770%;}
|
||||
.wst-menus .follow-active{background: url(../img/icon_bottomnav.png) -178px -24px no-repeat;background-size: 742%;}
|
||||
.wst-menus .user-active{background: url(../img/icon_bottomnav.png) -240px -24px no-repeat;background-size: 742%;}
|
||||
.wst-toTop{margin:0 16px 60px 0;position:fixed;z-index:100;right:0;width:30px;height:30px;bottom:15px;display:none}
|
||||
.wst-toTopimg{width:40px;height:40px;display:block;background:url(../img/top.png) 0 0 no-repeat;background-size:100%}
|
||||
.wst-toTopimg span{float:left;width:100%;color:#b8b8b8;text-align:center;font-size:.12rem;margin-top:18px}
|
||||
.wst-toHistoryimg{width:40px;height:40px;display:block;background:url(../img/history-icon.png) 0 0 no-repeat;background-size:100%}
|
||||
.wst-prompt-icon{position: relative;top:1rem;margin: 0 auto;width:0.89rem;height:0.89rem;}
|
||||
.wst-prompt-icon img{display: block;width:0.89rem;height:0.89rem;}
|
||||
.wst-prompt-info{position: relative;top:1.2rem;text-align: center;}
|
||||
.wst-prompt-info p{font-size:0.16rem;color: #222;}
|
||||
.wst-prompt-info button{margin-top:0.1rem;font-size:0.15rem;color: #df0202;width:1.5rem;height:0.35rem;border:1px solid #df0202;}
|
||||
.wst-prompt-info button:not(.disabled):not(:disabled):active{color: #df0202;}
|
||||
.wst-button-close{display:block;position:absolute;top:0;right:-5px;z-index:2;outline:0;height:42px;width:46px;border-radius:50%;opacity:.5;transition:transform .5s cubic-bezier(.16,.81,.32,1),opacity .5s ease;color:#000;line-height:42px}
|
||||
.iziModal-button-close i{line-height:42px}
|
||||
.wst-clear{clear:both}
|
||||
.wst-Load{position:fixed;z-index:100;top:49%;left:0px;width: 100%;display:none}
|
||||
.wst-Load .ui-loading{display: block;margin: 0 auto;}
|
||||
.wst-dialog-t{padding-top:12px;padding-bottom:10px}
|
||||
.wst-dialog-l{width:73%;border-bottom:1px solid #ddd}
|
||||
.wst-dialog-b1,.wst-dialog-b2{width:80px;height:30px;line-height: 30px;margin-top:16px;margin-bottom:18px}
|
||||
.wst-dialog-b1{color:#59595c}
|
||||
.wst-dialog-b2{color:#fff;background:#de0202}
|
||||
.wst-dialog-b1:not(.disabled):not(:disabled):active,.wst-dialog-b1 button.active{color:#7d7d7f}
|
||||
.wst-dialog-b2:not(.disabled):not(:disabled):active,.wst-dialog-b2 button.active{color:#f6e8e9;background:#f43a3b}
|
||||
.wst-prompt{width:320px;height:210px;position:fixed;top:0;right:10px;background:url(../img/img_fenxiangtishi.png) 13px -13px no-repeat}
|
||||
.wst-shl-ads{padding-bottom:8px}
|
||||
.wst-shl-ads .title{height:0.35rem;line-height:0.35rem;font: bold 0.15rem/0.35rem verdana;color: #555;text-align:center;background:url(../img/img_titlebg.png) center no-repeat;background-size:40%}
|
||||
.wst-active{color:#de0301}
|
||||
.upload-modal{position:fixed;left:0;top:.5rem;width:100%;height:90%;z-index:102}#upload_modal{display:none}
|
||||
.clipArea{width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
|
||||
#errorBg{background:url(../img/img_error_3.png) no-repeat;background-size:cover}#errorBtn{width:152px;position:absolute;bottom:-50px;left:28%;background:#f9a517;color:#fff;border-color:#f9a517}
|
||||
#errorLostBg{background:url(../img/img_error_2.png) no-repeat;background-size:100% 146%}#errorLostBg p{position:absolute;color:#40ad74;font-size:.18rem;left:7%;top:20%}
|
||||
.wst-pay-inp{width:100%;margin-top:2px;padding:2px 2px 2px 5px;height:36px;border-radius:2px;border:1px solid #a0a0a0}
|
||||
.ui-header ~ .ui-container{border-top:42px solid transparent}
|
||||
.ui-footer ~ .ui-container{border-bottom:45px solid transparent}
|
||||
.ui-header-positive i,.ui-header-positive a{color:#59595c}
|
||||
.ui-dialog-bd h4{margin-bottom:10px;text-align:center}
|
||||
.ui-poptips-success,.ui-poptips-info,.ui-poptips-warn{z-index:9999}
|
||||
.wst-red{color:#de0202}
|
||||
.ft-title i{float:left;width:18px;height:18px;background:url(../img/icon_tishi.png) no-repeat;background-size:100%}
|
||||
.ft-title span{padding-left:7px}
|
||||
.ft-item{padding-left:25px;font-size:.13rem}
|
||||
input[type="search"]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
|
||||
20
hyhproject/mobile2/view/default/css/consult.css
Executable file
20
hyhproject/mobile2/view/default/css/consult.css
Executable file
@ -0,0 +1,20 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{font-size:.15rem;background:#f0f2f5}
|
||||
.gcListBox{width:99%}
|
||||
.gcList{width:100%}
|
||||
.item-time{float:right}
|
||||
.gcList li{background:#fff;border-bottom:1px solid #ccc;width:97%;padding:10px 5px}
|
||||
.gcList li:last-child{border:0}
|
||||
.gc-item-tit{font-size:.11rem;margin:0 10px}
|
||||
.question-box{padding-top:8px}
|
||||
.question-pic{display:block;width:17px;height:17px;background-size:50px 50px;background-image:url(./../img/QA-icon.png);background-position:0 -15px;margin-left:10px;float:left;margin-top:1px}
|
||||
.question-content{width:100%;margin-left:-27px;display:block;float:left;word-break:break-word;overflow:hidden}
|
||||
.question-content span{margin-left:37px;display:block;padding-right:12px;font-size:13px;color:#848689;line-height:18px;margin-top:0}
|
||||
.question-content{width:100%;margin-left:-27px;display:block;float:left;word-break:break-word;overflow:hidden}
|
||||
.answer-content span{color:#252525}
|
||||
.answer-pic{background-position:-33px -15px}
|
||||
.gcplist{padding:10px}
|
||||
.gcplist li{margin-bottom:5px}#consultContent{width:100%;min-height:100px}
|
||||
.consult{width:30px;height:30px;position:absolute;right:5px;top:5px;background:url(./../img/icon_adds_users.png) no-repeat;background-position:-75px -2px;background-size:150px 38.5px}
|
||||
.consult-button{width:100px;height:30px;margin-top:10px;font-size:.15rem;line-height:30px;color:#fff;background:#e00102;border-radius:3px;border-bottom:1px solid #e00102}
|
||||
.consult-button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
191
hyhproject/mobile2/view/default/css/day_new.css
Executable file
191
hyhproject/mobile2/view/default/css/day_new.css
Executable file
@ -0,0 +1,191 @@
|
||||
body {
|
||||
background: #c82929;
|
||||
}
|
||||
.banner img {
|
||||
width: 6.4rem;
|
||||
height: 3.99rem;
|
||||
}
|
||||
.new_yhj {
|
||||
width: 6.4rem;
|
||||
height: 2.6rem;
|
||||
background: url(../img/ac2_bg1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.new_yhj .yhj1 {
|
||||
float: left;
|
||||
margin-left: 0.3rem;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
.new_yhj .yhj1 img {
|
||||
width: 2.77rem;
|
||||
height: 1.16rem;
|
||||
}
|
||||
.everyday {
|
||||
width: 6.4rem;
|
||||
height: 6rem;
|
||||
background: url(../img/ac2activity_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.madeInChina img {
|
||||
width: 6.4rem;
|
||||
height: 1.09rem;
|
||||
padding-bottom: 0.18rem;
|
||||
}
|
||||
.mdc_sp {
|
||||
margin-left: 0.16rem;
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
.mdc_sp .gssp {
|
||||
width: 3rem;
|
||||
height: 3.45rem;
|
||||
background: url(../img/guochan_con_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 0.1rem;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.mdc_sp .gssp img {
|
||||
width: 2.72rem;
|
||||
height: 2.73rem;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
left: 0.14rem;
|
||||
top: 0.14rem;
|
||||
}
|
||||
.mdc_sp .cash {
|
||||
width: 2.73rem;
|
||||
height: 0.42rem;
|
||||
background: rgba(200, 41, 41, 0.4);
|
||||
position: absolute;
|
||||
bottom: 0.58rem;
|
||||
left: 0.12rem;
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
color: #fff;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.24rem;
|
||||
text-align: center;
|
||||
line-height: 0.42rem;
|
||||
}
|
||||
.baby {
|
||||
width: 6.4rem;
|
||||
height: 1.08rem;
|
||||
background: url(../img/ac2_title_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
color: #c82929;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.36rem;
|
||||
text-align: center;
|
||||
line-height: 1.08rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
.baby_cp {
|
||||
margin-bottom: 0.46rem;
|
||||
}
|
||||
.baby_sp {
|
||||
width: 6.4rem;
|
||||
height: 7.3rem;
|
||||
background: url(../img/ac2_zdzb_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.baby_sp img {
|
||||
width: 5.85rem;
|
||||
height: 5.73rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.4rem;
|
||||
left: 0.3rem;
|
||||
}
|
||||
.baby_cp .baby_sp .wenzi {
|
||||
width: 4.55rem;
|
||||
height: 0.4rem;
|
||||
background: #fef8d4;
|
||||
position: absolute;
|
||||
bottom: 0.7rem;
|
||||
left: 1rem;
|
||||
color: #791619;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
text-align: center;
|
||||
line-height: 0.4rem;
|
||||
}
|
||||
.baby_sp .sp_p {
|
||||
font-size: 0.55rem;
|
||||
position: absolute;
|
||||
bottom: 0.1rem;
|
||||
left: 0.9rem;
|
||||
color: #c82e2c;
|
||||
}
|
||||
.baby_sp .sp_p span {
|
||||
font-size: 0.18rem;
|
||||
color: #c82e2c;
|
||||
}
|
||||
.baby_sp .baby_shop {
|
||||
width: 1rem;
|
||||
height: 0.3rem;
|
||||
background: #c82e2c;
|
||||
color: #fdfac5;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.15rem;
|
||||
position: absolute;
|
||||
bottom: 0.25rem;
|
||||
right: 0.9rem;
|
||||
text-align: center;
|
||||
line-height: 0.3rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.six {
|
||||
width: 6.4rem;
|
||||
margin-bottom: 0.72rem;
|
||||
margin-top: 0.45rem;
|
||||
}
|
||||
.six .six_nr {
|
||||
width: 2rem;
|
||||
height: 1.1rem;
|
||||
background: url(../img/zdzb2_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: 0.11rem;
|
||||
float: left;
|
||||
}
|
||||
.six .six_nr p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.26rem;
|
||||
color: #c72928;
|
||||
text-align: center;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
.six_cp .six_cp_sp {
|
||||
width: 1.87rem;
|
||||
height: 2.55rem;
|
||||
background: #fcd553;
|
||||
margin-left: 0.17rem;
|
||||
margin-bottom: 0.12rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.six_cp .six_cp_sp img {
|
||||
width: 1.7rem;
|
||||
height: 1.75rem;
|
||||
margin: 0.08rem;
|
||||
}
|
||||
.six_cp .six_cp_sp .sanjiao {
|
||||
width: 1.9rem;
|
||||
height: 0.2rem;
|
||||
background: url(../img/ac2_sanjiao.png);
|
||||
position: absolute;
|
||||
left: -0.54rem;
|
||||
top: 1.7rem;
|
||||
}
|
||||
.six_cp .six_cp_sp p {
|
||||
color: #e41f4c;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.2rem;
|
||||
text-align: center;
|
||||
font-weight: 900;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.footer img {
|
||||
width: 6.4rem;
|
||||
height: 2.52rem;
|
||||
}
|
||||
222
hyhproject/mobile2/view/default/css/day_new.less
Executable file
222
hyhproject/mobile2/view/default/css/day_new.less
Executable file
@ -0,0 +1,222 @@
|
||||
body {
|
||||
background: #c82929;
|
||||
}
|
||||
|
||||
.banner img{
|
||||
width: 640/100rem;
|
||||
height: 399/100rem;
|
||||
}
|
||||
|
||||
.new_yhj{
|
||||
width: 640/100rem;
|
||||
height: 260/100rem;
|
||||
background: url(../img/ac2_bg1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.new_yhj .yhj1{
|
||||
float: left;
|
||||
margin-left: 30/100rem;
|
||||
margin-top: 40/100rem;
|
||||
}
|
||||
|
||||
.new_yhj .yhj1 img{
|
||||
width: 277/100rem;
|
||||
height: 116/100rem;
|
||||
}
|
||||
|
||||
.everyday{
|
||||
width: 640/100rem;
|
||||
height: 600/100rem;
|
||||
background: url(../img/ac2activity_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
|
||||
}
|
||||
|
||||
.madeInChina img{
|
||||
width: 640/100rem;
|
||||
height: 109/100rem;
|
||||
padding-bottom: 18/100rem;
|
||||
}
|
||||
|
||||
.mdc_sp{
|
||||
margin-left: 16/100rem;
|
||||
margin-bottom: 60/100rem;
|
||||
}
|
||||
|
||||
.mdc_sp .gssp{
|
||||
width: 300/100rem;
|
||||
height: 345/100rem;
|
||||
background: url(../img/guochan_con_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 10/100rem;
|
||||
margin-top: 20/100rem;
|
||||
}
|
||||
|
||||
.mdc_sp .gssp img{
|
||||
width: 272/100rem;
|
||||
height: 273/100rem;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
left: 14/100rem;
|
||||
top: 14/100rem;
|
||||
}
|
||||
|
||||
.mdc_sp .cash{
|
||||
width: 273/100rem;
|
||||
height: 42/100rem;
|
||||
background: rgba(200,41,41,0.4);
|
||||
position: absolute;
|
||||
bottom: 58/100rem;
|
||||
left: 12/100rem;
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
color: #fff;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 24/100rem;
|
||||
text-align: center;
|
||||
line-height: 42/100rem;
|
||||
}
|
||||
|
||||
.baby{
|
||||
width: 640/100rem;
|
||||
height: 108/100rem;
|
||||
background: url(../img/ac2_title_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
color: #c82929;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 36/100rem;
|
||||
text-align: center;
|
||||
line-height: 108/100rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.baby_cp{
|
||||
margin-bottom: 46/100rem;
|
||||
}
|
||||
|
||||
.baby_sp{
|
||||
width: 640/100rem;
|
||||
height: 730/100rem;
|
||||
background: url(../img/ac2_zdzb_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.baby_sp img{
|
||||
width: 585/100rem;
|
||||
height: 573/100rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 40/100rem;
|
||||
left: 30/100rem;
|
||||
}
|
||||
|
||||
.baby_cp .baby_sp .wenzi{
|
||||
width: 455/100rem;
|
||||
height: 40/100rem;
|
||||
background: #fef8d4;
|
||||
position: absolute;
|
||||
bottom: 70/100rem;
|
||||
left: 100/100rem;
|
||||
color: #791619;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
text-align: center;
|
||||
line-height: 40/100rem;
|
||||
}
|
||||
|
||||
.baby_sp .sp_p{
|
||||
font-size: 55/100rem;
|
||||
position: absolute;
|
||||
bottom: 10/100rem;
|
||||
left: 90/100rem;
|
||||
color: #c82e2c;
|
||||
}
|
||||
|
||||
.baby_sp .sp_p span{
|
||||
font-size: 18/100rem;
|
||||
color: #c82e2c;
|
||||
}
|
||||
|
||||
.baby_sp .baby_shop{
|
||||
width: 100/100rem;
|
||||
height: 30/100rem;
|
||||
background:#c82e2c;
|
||||
color: #fdfac5;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15/100rem;
|
||||
position: absolute;
|
||||
bottom: 25/100rem;
|
||||
right: 90/100rem;
|
||||
text-align: center;
|
||||
line-height: 30/100rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.six{
|
||||
width: 640/100rem;
|
||||
margin-bottom: 72/100rem;
|
||||
margin-top: 45/100rem;
|
||||
}
|
||||
|
||||
.six .six_nr{
|
||||
width: 200/100rem;
|
||||
height: 110/100rem;
|
||||
background: url(../img/zdzb2_bg.png) no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: 11/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.six .six_nr p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 26/100rem;
|
||||
color: #c72928;
|
||||
text-align: center;
|
||||
line-height: 110/100rem;
|
||||
}
|
||||
|
||||
.six_cp .six_cp_sp{
|
||||
width: 187/100rem;
|
||||
height: 255/100rem;
|
||||
background: #fcd553;
|
||||
margin-left: 17/100rem;
|
||||
margin-bottom: 12/100rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.six_cp .six_cp_sp img{
|
||||
width: 170/100rem;
|
||||
height: 175/100rem;
|
||||
margin: 8/100rem;
|
||||
|
||||
}
|
||||
|
||||
.six_cp .six_cp_sp .sanjiao{
|
||||
width: 190/100rem;
|
||||
height: 20/100rem;
|
||||
background: url(../img/ac2_sanjiao.png);
|
||||
position: absolute;
|
||||
left: -54/100rem;
|
||||
top: 170/100rem;
|
||||
}
|
||||
|
||||
.six_cp .six_cp_sp p{
|
||||
color: #e41f4c;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 20/100rem;
|
||||
text-align: center;
|
||||
font-weight: 900;
|
||||
margin-top: 20/100rem;
|
||||
}
|
||||
|
||||
.footer img{
|
||||
width: 640/100rem;
|
||||
height: 252/100rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
42
hyhproject/mobile2/view/default/css/favorites.css
Executable file
42
hyhproject/mobile2/view/default/css/favorites.css
Executable file
@ -0,0 +1,42 @@
|
||||
@CHARSET "UTF-8";
|
||||
.ui-checkbox-s input:before{font-size:18px;color:#e32726}
|
||||
.ui-checkbox input:before,.ui-checkbox-s input:before{top:20px;left:-2px;font-size:22px!important}
|
||||
.ui-checkbox input:checked:before,.ui-checkbox-s input:checked:before{color:#e32726!important}
|
||||
.sactive{top:-43px!important;margin-right:-5px!important}
|
||||
.add-cart{display:inline-block;width:23px;height:25px;right:7px;bottom:5px;position:absolute;background:url(../img/icon_gzspcart.png) no-repeat;background-size:100%}
|
||||
.favorite-tc{line-height:45px;text-align:left}
|
||||
.f-btn button{position:absolute;top:0.06rem;right:10px;font-size:.15rem;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.f-btn{min-width:85px}
|
||||
.wst-shl-list{position:relative;padding:5px 10px;margin-top:5px;background:#fff}
|
||||
.wst-shl-list .img{float:left;width:100%;height:100px;text-align:center;vertical-align:middle;display:block;position:relative}
|
||||
.wst-shl-list .img a{width:100%;height:100px;display:table-cell;vertical-align:middle}
|
||||
.wst-shl-list .img a img{max-width:100px;max-height:100px}
|
||||
.wst-shl-list .info{padding-left:5px}
|
||||
.wst-shl-list .title{margin-bottom:5px;padding-left:10px;font-size:.15rem;color:#363638}
|
||||
.wst-shl-list p{padding-left:10px}
|
||||
.wst-shl-list .deal{font-size:0.11rem;color: #999;}
|
||||
.wst-shl-list .price{color:#ff0e00;font-size:.16rem;}
|
||||
.wst-shl-list .price span{font-size:.13rem;}
|
||||
.shopImg{float:left;width:100%;height:100px;text-align:center;vertical-align:middle;display:block;position:relative}
|
||||
.shopImg a{width:100%;height:100px;display:table-cell;vertical-align:middle}
|
||||
.shopImg a img{max-width:100px;max-height:100px}
|
||||
.shop-box{margin:10px 0;background:#fff}
|
||||
.f-chk{position:absolute;top:85px;left:0}
|
||||
.s-active{top:-90px;left:-10px}
|
||||
.f-shop-header{position:relative;padding:10px 0;min-height:75px!important}
|
||||
.ui-row-flex-ver .ui-col{width:100%;height:initial}
|
||||
.f-shopname{float:left;line-height:25px;font-size:.16rem}
|
||||
.f-goshops{float:right;text-align:right;color:#ccc;font-size:.15rem;}
|
||||
.goods-box{padding:0!important;margin-bottom: 5px;}
|
||||
.goodsImg{margin-right: 5px;width:23.5%; position: relative;float:left;text-align:center;vertical-align:middle;display:block;position:relative;font-size:0.15rem;}
|
||||
.goodsImg a{width:100%;height:70px;display:table-cell;vertical-align:middle}
|
||||
.goods-item{width:24%;margin-right:5px;position: relative;}
|
||||
.goodsPrice{color: red;}
|
||||
.shop-box{margin:10px 0;background:#fff}
|
||||
.f-chk{position:absolute;top:85px;left:0}
|
||||
.s-active{top:-90px;left:-10px}
|
||||
.f-shop-header{position:relative;padding:10px 0;min-height:75px!important}
|
||||
.ui-row-flex-ver .ui-col{width:100%;height:initial}
|
||||
.f-shopname{float:left;line-height:25px;font-size:.16rem}
|
||||
.f-goshops{float:right;text-align:right;color:#ccc;font-size:.15rem;height: 20px;}
|
||||
.wst-action{margin-top: 5px; ;display: inline-block;height: 25px;width: 90%;float: right; font-size: 0.14rem;color: red; line-height: 25px;text-align: center;border-radius: 10px;border: 1px solid red;}
|
||||
58
hyhproject/mobile2/view/default/css/global-lxy.css
Executable file
58
hyhproject/mobile2/view/default/css/global-lxy.css
Executable file
@ -0,0 +1,58 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
*{
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
|
||||
fieldset,input,textarea,p,blockquote,th,td {
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
||||
}
|
||||
body{
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse; /*让表格边框细线*/
|
||||
border-spacing:0; /*清除边框间距*/
|
||||
}
|
||||
fieldset,img {
|
||||
border:0 none; /*有些浏览器默认这些标签有边框，所以要清除默认边框*/
|
||||
display:block;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,i,u,b,strong,th,var {
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
/*清除标签默认文本样式和加粗*/
|
||||
}
|
||||
input,textarea{
|
||||
outline:0 none;/*去掉文本框的默认轮廓线*/
|
||||
}
|
||||
ol,ul {
|
||||
list-style:none; /*清除列表默认样式*/
|
||||
}
|
||||
caption,th {
|
||||
text-align:left; /*清除标签默认文本居中对齐*/
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-size:100%;
|
||||
font-weight:normal; /*清除标题标签的默认样式*/
|
||||
}
|
||||
a{
|
||||
text-decoration:none;/*大部分页面中的链接没有下划线*/
|
||||
}
|
||||
|
||||
.clearfix:after{
|
||||
height:0;
|
||||
content:" ";
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
.clearfix{
|
||||
zoom:1;/*IE低版本浏览器不支持after伪类所以要加这一句*/
|
||||
}
|
||||
|
||||
38
hyhproject/mobile2/view/default/css/global.css
Executable file
38
hyhproject/mobile2/view/default/css/global.css
Executable file
@ -0,0 +1,38 @@
|
||||
header {
|
||||
padding-top: 18px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
|
||||
.clearfix:after{
|
||||
height:0;
|
||||
content:" ";
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
}
|
||||
.clearfix{
|
||||
zoom:1;/*IE低版本浏览器不支持after伪类所以要加这一句*/
|
||||
}
|
||||
a{
|
||||
color: black;
|
||||
}
|
||||
a:active{
|
||||
color: white;
|
||||
}
|
||||
16
hyhproject/mobile2/view/default/css/goods_category.css
Executable file
16
hyhproject/mobile2/view/default/css/goods_category.css
Executable file
@ -0,0 +1,16 @@
|
||||
@CHARSET "UTF-8";
|
||||
.ui-scrollerl{width:22%;height:496px;overflow:hidden;background:#fff;position:fixed;top:42px;left:0;}
|
||||
.ui-scrollerl li{padding:13px 0px;font-size:0.129rem;text-align:center;}
|
||||
.wst-goodscate{color: #232326;border-top:1px solid #f6f6f8;border-right:1px solid #f6f6f8;border-left:2px solid #f6f6f8;}
|
||||
.wst-goodscate_selected{color:#df0202;background:#f6f6f8;border-right:1px solid #f6f6f8;border-left:2px solid #df0202}
|
||||
.wst-scrollerr{width:78%;float:right}
|
||||
.wst-scrollerr li{margin:0px 5px;padding: 5px 10px 5px 5px;font-size:0.12rem;background: #fff;}
|
||||
.wst-goodsca{height:35px;background:#f2f2f2}
|
||||
.wst-goodscat{float:left;width:100%;}
|
||||
.wst-goodscat span{float: left;width: calc((100% - 15px)/3);width: -webkit-calc((100% - 15px)/3);width: -moz-calc((100% - 15px)/3);width: -ms-calc((100% - 15px)/3);width: -o-calc((100% - 15px)/3);height: calc((100vw - 20px)/3);height: -webkit-calc((100vw - 20px)/3);height: -moz-calc((100vw - 20px)/3);height: -ms-calc((100vw - 20px)/3);height: -o-calc((100vw - 20px)/3);padding: 5px 0px 0px 5px;text-align:center;}
|
||||
.wst-goodscat span a{color: #686868;text-align:center}
|
||||
.wst-goodscat span a img{width:100%;min-height:75px;margin-bottom:2;display:block;}
|
||||
.wst-gc-ads{padding-bottom:5px}
|
||||
.wst-gc-ads .title{margin-top:5;padding-left:10;height:30px;line-height:30px;font-size:0.13rem;}
|
||||
.wst-gc-br .brand{margin-left:5;background:#fff;}
|
||||
.wst-gc-br .brand img{float:left;width: calc((100% - 15px)/3);width: -webkit-calc((100% - 15px)/3);width: -moz-calc((100% - 15px)/3);width: -ms-calc((100% - 15px)/3);width: -o-calc((100% - 15px)/3);height:50px;margin:5px 0 5px 5px;}
|
||||
981
hyhproject/mobile2/view/default/css/goods_detail.css
Executable file
981
hyhproject/mobile2/view/default/css/goods_detail.css
Executable file
@ -0,0 +1,981 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-header .cart {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
right: 38px;
|
||||
background: url(../img/icon_spxq.png) -10px -4px no-repeat;
|
||||
background-size: 497%
|
||||
}
|
||||
|
||||
.wst-header .cart span {
|
||||
height: 12px;
|
||||
line-height: 12px;
|
||||
font-size: .11rem;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 8px;
|
||||
min-width: 12px;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
background: #de0202
|
||||
}
|
||||
|
||||
.wst-header .share {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
background: url(../img/icon_spxq.png) -60px -4px no-repeat;
|
||||
background-size: 497%
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
height: calc(100vw);
|
||||
height: -webkit-calc(100vw);
|
||||
height: -moz-calc(100vw);
|
||||
height: -ms-calc(100vw);
|
||||
height: -o-calc(100vw);
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: rgba(0, 0, 0, .2);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
background: #ff6666;
|
||||
}
|
||||
|
||||
.wst-go-return {
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
left: 0.1rem;
|
||||
z-index: 10;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wst-go-return i {
|
||||
position: absolute;
|
||||
top: 0.02rem;
|
||||
left: 0.02rem;
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
line-height: 0.24rem;
|
||||
font-size: 0.24rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-go-mores {
|
||||
position: absolute;
|
||||
top: 0.1rem;
|
||||
right: 0.1rem;
|
||||
z-index: 10;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wst-go-mores i {
|
||||
position: absolute;
|
||||
top: 0.03rem;
|
||||
left: 0.03rem;
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
line-height: 0.24rem;
|
||||
font-size: 0.24rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.wst-ca-layer {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-Index: 9999;
|
||||
display: none;
|
||||
background-color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
.wst-go-more {
|
||||
position: fixed;
|
||||
top: 29px;
|
||||
right: 0.05rem;
|
||||
z-Index: 10000;
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.wst-go-more .arrow {
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
right: 7px;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
line-height: 0;
|
||||
border-width: 0.11rem;
|
||||
border-color: transparent transparent #fff transparent;
|
||||
border-style: dashed dashed solid dashed;
|
||||
}
|
||||
|
||||
.wst-go-more .more {
|
||||
margin-top: 13px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wst-go-more .more .column {
|
||||
width: 80px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
.wst-go-more .more .line {
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
.wst-go-more .more i {
|
||||
float: left;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
margin-left: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-go-more .home {
|
||||
background: url(../img/icon_bottomnav.png) 0px -24px no-repeat;
|
||||
background-size: 1062%;
|
||||
}
|
||||
|
||||
.wst-go-more .category {
|
||||
background: url(../img/icon_bottomnav.png) -53px -23px no-repeat;
|
||||
background-size: 1010%;
|
||||
}
|
||||
|
||||
.wst-go-more .cart {
|
||||
background: url(../img/icon_bottomnav.png) -107px -23px no-repeat;
|
||||
background-size: 1010%;
|
||||
}
|
||||
|
||||
.wst-go-more .follow {
|
||||
background: url(../img/icon_bottomnav.png) -161px -23px no-repeat;
|
||||
background-size: 1010%;
|
||||
}
|
||||
|
||||
.wst-go-more .user {
|
||||
background: url(../img/icon_bottomnav.png)-216px -23px no-repeat;
|
||||
background-size: 1010%;
|
||||
}
|
||||
|
||||
.wst-go-more .more p {
|
||||
float: left;
|
||||
width: 55px;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
|
||||
.wst-go-more .more li:active {
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.wst-go-img {
|
||||
width: 100%;
|
||||
height: calc(100vw);
|
||||
height: -webkit-calc(100vw);
|
||||
height: -moz-calc(100vw);
|
||||
height: -ms-calc(100vw);
|
||||
height: -o-calc(100vw);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-go-img a {
|
||||
width: calc(100vw);
|
||||
width: -webkit-calc(100vw);
|
||||
width: -moz-calc(100vw);
|
||||
width: -ms-calc(100vw);
|
||||
width: -o-calc(100vw);
|
||||
height: calc(100vw);
|
||||
height: -webkit-calc(100vw);
|
||||
height: -moz-calc(100vw);
|
||||
height: -ms-calc(100vw);
|
||||
height: -o-calc(100vw);
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.wst-go-img a img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.wst-go-name {
|
||||
padding: 0.1rem 0.1rem 0 0.1rem;
|
||||
font-size: 0.165rem;
|
||||
color: #051B28;
|
||||
background: #fff;
|
||||
line-height: 0.23rem;
|
||||
}
|
||||
|
||||
.wst-go-price {
|
||||
padding: 0.1rem 0.1rem 0.05rem 0.1rem;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-go-price p {
|
||||
font-size: .15rem;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.wst-go-price .price {
|
||||
font-size: .25rem;
|
||||
color: #de0202
|
||||
}
|
||||
|
||||
.wst-go-price .price i {
|
||||
font-size: .13rem;
|
||||
}
|
||||
|
||||
.wst-go-price .market {
|
||||
margin-left: 12px;
|
||||
font-size: .13rem;
|
||||
color: #999;
|
||||
text-decoration: line-through
|
||||
}
|
||||
|
||||
.wst-go-price .info {
|
||||
padding-top: 0.05rem;
|
||||
font-size: 0.13rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wst-go-price .follow,
|
||||
.wst-go-price .nofollow {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: block;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.lxy_price{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.lxy_price p{
|
||||
color: #de0202;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.wst-go-icon .follow {
|
||||
background: url(../img/icon_spxq.png) -154px -47px no-repeat;
|
||||
background-size: 659%
|
||||
}
|
||||
|
||||
.wst-go-icon .nofollow {
|
||||
background: url(../img/icon_spxq.png) -113px -47px no-repeat;
|
||||
background-size: 659%
|
||||
}
|
||||
|
||||
.wst-go-ul {
|
||||
margin: 10px 0
|
||||
}
|
||||
|
||||
.wst-go-ul li {
|
||||
color: #3d3d3d;
|
||||
margin-left: 0;
|
||||
padding: 0.1rem;
|
||||
border-bottom: 1px solid #edebeb
|
||||
}
|
||||
|
||||
.wst-go-ul .icon {
|
||||
color: #dbdada;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: .35rem
|
||||
}
|
||||
|
||||
.wst-go-ul .word {
|
||||
color: #3d3d3d;
|
||||
}
|
||||
|
||||
.wst-go-ul .line,
|
||||
.wst-go-shop .line {
|
||||
color: #dbdada;
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
.wst-go-ul .red,
|
||||
.wst-go-shop .score .red {
|
||||
color: #de0202
|
||||
}
|
||||
|
||||
.wst-go-shop {
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #f2f1f1;
|
||||
}
|
||||
|
||||
.wst-go-shop .info {
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
.wst-go-shop .img {
|
||||
float: left;
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-go-shop .img a {
|
||||
width: 0.6rem;
|
||||
height: 0.6rem;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.wst-go-shop .img a img {
|
||||
max-width: 0.6rem;
|
||||
max-height: 0.6rem;
|
||||
font-size: 0.13rem
|
||||
}
|
||||
|
||||
.wst-go-shop .name {
|
||||
float: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.wst-go-shop .name1 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-left: 0.05rem;
|
||||
font-size: 0.165rem;
|
||||
line-height: 0.35rem;
|
||||
}
|
||||
|
||||
.wst-go-shop .name2 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding-left: 0.05rem;
|
||||
font-size: 0.13rem;
|
||||
color: #848689;
|
||||
}
|
||||
|
||||
.wst-go-shop .score {
|
||||
padding: 0.08rem 0.1rem;
|
||||
font-size: .13rem;
|
||||
}
|
||||
|
||||
.wst-go-shop .button {
|
||||
padding: 0.08rem 0.1rem;
|
||||
font-size: .15rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-go-shop .button a {
|
||||
height: 0.38rem;
|
||||
line-height: 0.38rem;
|
||||
color: #666;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
display: block;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.wst-go-shop .button .goods {
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
.wst-go-shop .button .goods:before {
|
||||
content: '';
|
||||
padding: 2px 8px;
|
||||
width: 10px;
|
||||
margin-right: 6px;
|
||||
background: url(../img/user-tool-icon2.png) 0 1px no-repeat;
|
||||
background-size: 100%
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.wst-go-shop .button .shop {
|
||||
margin-left: 0.1rem;
|
||||
}
|
||||
.wst-go-shop .button .shop:before {
|
||||
content: '';
|
||||
padding: 2px 8px;
|
||||
width: 10px;
|
||||
margin-right: 6px;
|
||||
background: url(../img/icon_dp.png) 0 2px no-repeat;
|
||||
background-size: 100%
|
||||
}
|
||||
.wst-go-goods {
|
||||
float: left;
|
||||
width: calc((100% - 48px)/3);
|
||||
width: -webkit-calc((100% - 48px)/3);
|
||||
width: -moz-calc((100% - 48px)/3);
|
||||
width: -ms-calc((100% - 48px)/3);
|
||||
width: -o-calc((100% - 48px)/3);
|
||||
padding: 5px;
|
||||
margin: 6px 3px 0px 3px;
|
||||
font-size: .13rem;
|
||||
background: #fff;
|
||||
}
|
||||
.wst-go-goods .img {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
.wst-go-goods .img a {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.wst-go-goods .img a img {
|
||||
max-width: 100px;
|
||||
max-height: 100px
|
||||
}
|
||||
.wst-go-goods .name {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: .42rem;
|
||||
margin-top: 2px;
|
||||
line-height: .21rem
|
||||
}
|
||||
.wst-go-goods .info {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 3px
|
||||
}
|
||||
.wst-go-goods .info .price {
|
||||
float: left;
|
||||
font-size: .15rem;
|
||||
color: #e00102
|
||||
}
|
||||
.wst-go-icon .icon,
|
||||
.wst-go-icon .but {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-top: 3px;
|
||||
width: 30px;
|
||||
height: 42px;
|
||||
color: #59595c;
|
||||
position: relative
|
||||
}
|
||||
.wst-go-icon .icon a {
|
||||
width: 30px;
|
||||
height: 42px;
|
||||
display: block
|
||||
}
|
||||
.wst-go-icon .img {
|
||||
width: 30px;
|
||||
height: 22px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
.wst-go-icon .tel {
|
||||
background: url(../img/icon_spxq.png) -14px -48px no-repeat;
|
||||
background-size: 738%
|
||||
}
|
||||
.wst-go-icon .qq {
|
||||
background: url(../img/qq.png) 5px 1px no-repeat;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
.wst-go-icon .shop {
|
||||
background: url(../img/icon_spxq.png) -62px -45px no-repeat;
|
||||
background-size: 648%;
|
||||
}
|
||||
.wst-go-icon .word {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 2px;
|
||||
font-size: .13rem;
|
||||
text-align: center;
|
||||
color: #232326;
|
||||
}
|
||||
.wst-goods_buy {
|
||||
margin: 0;
|
||||
}
|
||||
.wst-goods_buyl,
|
||||
.wst-goods_buyr {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: .15rem;
|
||||
color: #fff
|
||||
}
|
||||
.wst-goods_buyl {
|
||||
background: #f9a517;
|
||||
border-bottom: 1px solid #f9a517;
|
||||
}
|
||||
.wst-goods_buyl:not(.disabled):not(:disabled):active,
|
||||
.wst-goods_buyl.active {
|
||||
color: #fbf6ee;
|
||||
background: #f3c77c;
|
||||
background-clip: padding-box
|
||||
}
|
||||
.wst-goods_buyr {
|
||||
background: #e00102;
|
||||
border-bottom: 1px solid #e00102;
|
||||
}
|
||||
.wst-goods_buyr:not(.disabled):not(:disabled):active,
|
||||
.wst-goods_buyr.active {
|
||||
color: #fbd6d6;
|
||||
background: #f25a5b;
|
||||
background-clip: padding-box
|
||||
}
|
||||
.wst-goods_buym {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: .15rem;
|
||||
color: #fff;
|
||||
background: #f23030;
|
||||
border: 1px solid #f23030;
|
||||
}
|
||||
.wst-fav_but {
|
||||
width: 23px;
|
||||
height: 48px;
|
||||
border-radius: none;
|
||||
border: 0;
|
||||
background-clip: padding-box
|
||||
}
|
||||
.wst-go-details {
|
||||
font-size: .16rem;
|
||||
padding: 8px 10px 15px 8px;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all
|
||||
}
|
||||
.wst-go-details img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.wst-ev-term {
|
||||
margin-top: 0.02rem;
|
||||
font-size: .15rem;
|
||||
background: #fff;
|
||||
padding: 0.1rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.wst-ev-term .number {
|
||||
font-size: .13rem;
|
||||
}
|
||||
.wst-ev-term .active {
|
||||
color: #de0202;
|
||||
}
|
||||
.wst-go-evaluate {
|
||||
font-size: .13rem;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #f2f1f1;
|
||||
}
|
||||
.wst-go-evaluate .info {
|
||||
margin-bottom: 10px;
|
||||
padding: 6px 0;
|
||||
}
|
||||
.wst-go-evaluate .portrait {
|
||||
float: left;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 5px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.wst-go-evaluate .info .name {
|
||||
float: left
|
||||
}
|
||||
.wst-go-evaluate .info .ranks {
|
||||
float: left;
|
||||
width: 16px;
|
||||
margin: 2px 16px 0 5px
|
||||
}
|
||||
.wst-go-evaluate .info .time {
|
||||
float: right;
|
||||
color: #8e8d8d
|
||||
}
|
||||
.wst-go-evaluate .content {
|
||||
padding-bottom: 3px
|
||||
}
|
||||
.wst-go-evaluate .content p {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.wst-go-evaluate .content i {
|
||||
float: left;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: 2px 3px 0 0;
|
||||
}
|
||||
.wst-go-evaluate .content .bright {
|
||||
background: url(../img/img_dpjpj.png) 0 0 no-repeat;
|
||||
background-size: 296%
|
||||
}
|
||||
.wst-go-evaluate .content .dark {
|
||||
background: url(../img/img_dpjpj.png) -26px 0 no-repeat;
|
||||
background-size: 296%
|
||||
}
|
||||
.wst-go-evaluate .content .content2 {
|
||||
font-size: .14rem;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.wst-go-evaluate .content img {
|
||||
float: left;
|
||||
width: 45px;
|
||||
height: 45px;
|
||||
margin: 2px 3px 0 0
|
||||
}
|
||||
.wst-go-evaluate .content .word {
|
||||
color: #8e8d8d;
|
||||
padding: 3px 0
|
||||
}
|
||||
.wst-go-evaluate .reply {
|
||||
padding: 10px 0;
|
||||
border-top: 1px solid #edebeb
|
||||
}
|
||||
.wst-cover {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: #000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: alpha(opacity=60);
|
||||
opacity: .6;
|
||||
z-Index: 9999;
|
||||
display: none
|
||||
}
|
||||
.wst-fr-box {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 0;
|
||||
bottom: -226px;
|
||||
width: 100%;
|
||||
min-height: 40%;
|
||||
background: #fff;
|
||||
font-size: .15rem
|
||||
}
|
||||
.wst-fr-box .title,
|
||||
.wst-cart-box .title {
|
||||
position: relative;
|
||||
padding: 6px 0;
|
||||
border-bottom: 1px solid #f1f1f1
|
||||
}
|
||||
.wst-fr-box .title span {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
font-size: .185rem
|
||||
}
|
||||
.wst-fr-box .title i,
|
||||
.wst-cart-box .title i {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: -2px;
|
||||
font-size: 27px
|
||||
}
|
||||
.wst-fr-box .content {
|
||||
padding: 10px 10px 50px 10px
|
||||
}
|
||||
.wst-fr-box .determine,
|
||||
.wst-cart-box .determine {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 3px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.wst-fr-box .button,
|
||||
.wst-cart-box .button {
|
||||
width: 90%;
|
||||
font-size: .15rem;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
background: #e00102;
|
||||
border-radius: 5px;
|
||||
border-bottom: 1px solid #e00102
|
||||
}
|
||||
.wst-fr-box .button:not(.disabled):not(:disabled):active,
|
||||
.wst-cart-box .button:not(.disabled):not(:disabled):active {
|
||||
color: #fff0f0;
|
||||
background: #f52f30;
|
||||
background-clip: padding-box
|
||||
}
|
||||
.wst-cart-box {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 0;
|
||||
bottom: -296px;
|
||||
width: 100%;
|
||||
min-height: 38%;
|
||||
background: #fff;
|
||||
font-size: .14rem
|
||||
}
|
||||
.wst-cart-box .title {
|
||||
min-height: 68px
|
||||
}
|
||||
.wst-cart-box .picture {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: -12px
|
||||
}
|
||||
.wst-cart-box .picture .img {
|
||||
float: left;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: 5px;
|
||||
background: #fff;
|
||||
border-radius: 2px
|
||||
}
|
||||
.wst-cart-box .img a {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
.wst-cart-box .img a img {
|
||||
max-width: 70px;
|
||||
max-height: 70px
|
||||
}
|
||||
.wst-cart-box .title p {
|
||||
float: left;
|
||||
margin: 0 0 5px 96px;
|
||||
color: #3e3e3e;
|
||||
width: 53%
|
||||
}
|
||||
.wst-cart-box .title .price {
|
||||
font-size: .162rem;
|
||||
color: #de0202
|
||||
}
|
||||
.wst-cart-box .title .price .price2 {
|
||||
margin-left: 12px;
|
||||
font-size: .13rem;
|
||||
color: #707070;
|
||||
text-decoration: line-through
|
||||
}
|
||||
.wst-cart-box .standard {
|
||||
padding: 0 10px 118px 10px
|
||||
}
|
||||
.wst-cart-box .spec {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #f1f1f1
|
||||
}
|
||||
.wst-cart-box .spec p {
|
||||
float: left;
|
||||
width: 100%
|
||||
}
|
||||
.wst-cart-box .spec .img {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 2px;
|
||||
margin: 5px 6px 0 0
|
||||
}
|
||||
.wst-cart-box .spec .img.active {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
border: 1px solid #e00102
|
||||
}
|
||||
.wst-cart-box .spec span {
|
||||
float: left;
|
||||
margin: 5px 6px 0 0;
|
||||
padding: 3px 5px;
|
||||
border: 1px solid #a0a0a0;
|
||||
border-radius: 3px;
|
||||
text-align: center
|
||||
}
|
||||
.wst-cart-box .spec span.active {
|
||||
color: #fff;
|
||||
background: #e00102;
|
||||
border: 1px solid #e00102
|
||||
}
|
||||
.wst-cart-box .number {
|
||||
width: 92%;
|
||||
position: absolute;
|
||||
left: 3%;
|
||||
bottom: 52px;
|
||||
z-Index: 1;
|
||||
background: #fff
|
||||
}
|
||||
.wst-cart-box .number .stock {
|
||||
float: left;
|
||||
color: #3e3e3e;
|
||||
margin-top: 12px
|
||||
}
|
||||
.wst-buy_l {
|
||||
float: right;
|
||||
margin-top: 3px
|
||||
}
|
||||
.wst-buy_l1,
|
||||
.wst-buy_l3 {
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
background: #FFF;
|
||||
border: 0;
|
||||
border: 1px solid #ddd
|
||||
}
|
||||
.wst-buy_l1 {
|
||||
border-right: 1px solid #fff;
|
||||
}
|
||||
.wst-buy_l3 {
|
||||
border-left: 1px solid #fff;
|
||||
}
|
||||
.wst-buy_l1 {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px
|
||||
}
|
||||
.wst-buy_l3 {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px
|
||||
}
|
||||
.wst-buy_l2 {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
border: 1px solid #ddd;
|
||||
text-align: center;
|
||||
color: #e00102
|
||||
}
|
||||
.wst-buy_l1:focus,
|
||||
.wst-buy_l3:focus {
|
||||
color: #e00102
|
||||
}
|
||||
.wst-buy_l2:focus {
|
||||
width: 48px;
|
||||
height: 32px;
|
||||
border: 1px solid #e00102
|
||||
}
|
||||
.ui-tab-nav {
|
||||
width: 62%;
|
||||
height: 40px;
|
||||
float: right;
|
||||
margin-right: 70px
|
||||
}
|
||||
.ui-tab-nav li.active {
|
||||
color: #777;
|
||||
border-bottom: 2px solid #de0202;
|
||||
color: #de0202
|
||||
}
|
||||
.ui-tab-nav li {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-size: .16rem;
|
||||
min-width: 50px
|
||||
}
|
||||
.ui-slider-content>li img {
|
||||
display: inline;
|
||||
width: auto
|
||||
}
|
||||
.gc-title {
|
||||
height: 38px;
|
||||
line-height: 38px;
|
||||
padding-left: 38px;
|
||||
font-size: .15rem;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
background: #fff
|
||||
}
|
||||
.gc-tit-icon {
|
||||
display: block;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
background: url(./../img/icon_indextop.png) no-repeat;
|
||||
background-position: -144px 9px;
|
||||
background-size: 176px 20px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.gc-tit-icon2 {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(./../img/icon_adds_users.png) -75px -2px no-repeat;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 5px;
|
||||
background-size: 150px 38.5px;
|
||||
}
|
||||
.gc-title-list {
|
||||
background: #ffffff;
|
||||
padding: 0.1rem 0;
|
||||
border-top: 1px solid #f2f1f1;
|
||||
}
|
||||
.gc-title-list .prompt {
|
||||
text-align: center;
|
||||
font-size: 0.14rem;
|
||||
}
|
||||
.question-box {
|
||||
padding-top: 8px
|
||||
}
|
||||
.question-pic {
|
||||
display: block;
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
background-size: 50px 50px;
|
||||
background-image: url(./../img/QA-icon.png);
|
||||
background-position: 0 -15px;
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
margin-top: 1px
|
||||
}
|
||||
.question-content {
|
||||
width: 100%;
|
||||
margin-left: -27px;
|
||||
display: block;
|
||||
float: left;
|
||||
word-break: break-word;
|
||||
overflow: hidden
|
||||
}
|
||||
.question-content span {
|
||||
margin-left: 37px;
|
||||
display: block;
|
||||
padding-right: 12px;
|
||||
font-size: 13px;
|
||||
color: #848689;
|
||||
line-height: 18px;
|
||||
margin-top: 0
|
||||
}
|
||||
.question-content {
|
||||
width: 100%;
|
||||
margin-left: -27px;
|
||||
display: block;
|
||||
float: left;
|
||||
word-break: break-word;
|
||||
overflow: hidden
|
||||
}
|
||||
.answer-content span {
|
||||
color: #252525
|
||||
}
|
||||
.answer-pic {
|
||||
background-position: -33px -15px
|
||||
}
|
||||
34
hyhproject/mobile2/view/default/css/goods_list.css
Executable file
34
hyhproject/mobile2/view/default/css/goods_list.css
Executable file
@ -0,0 +1,34 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-se-header2{padding-left: 0;}
|
||||
.wst-se-search{width: 76%;}
|
||||
.wst-se-icon{background: url(../img/goods-list.png) center center no-repeat;background-size: 60%;transform: rotate(90deg);-webkit-transition: all .2s linear;transition: all .2s linear;}
|
||||
.wst-se-icon2{background: url(../img/goods-list2.png) center center no-repeat;background-size: 60%;transform: rotate(0deg);}
|
||||
.wst-shl-head{background:#fff;font-size: 0.14rem;color:#6a6b6d;margin-bottom: 0.04rem;}
|
||||
.wst-shl-head .sorts{position:relative}
|
||||
.wst-shl-head .sorts p{height:22px;line-height:24px;padding:10px 15px 10px 0;text-align:center}
|
||||
.wst-shl-head .active{color:#de0202;}
|
||||
.wst-shl-head .sorts i{width:15px;height:15px;position:absolute;right:5px;top:13px}
|
||||
.wst-shl-head .sorts .up2{background: url(../img/img_jgsx.png) 4px -15px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down{background: url(../img/img_jgsx.png) 4px -32px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down2{background: url(../img/img_jgsx.png) 4px 2px no-repeat;background-size: 46%;}
|
||||
.wst-in-goods{float: left;width: 50%;box-sizing: border-box;padding: 5px;margin-bottom: 0.04rem;font-size: 0.14rem;background: #fff;color: #232326;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
.wst-in-goods.left{border-right: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods.right{border-left: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods .img{float:left;width:1.76rem;height:1.76rem;text-align:center;vertical-align:middle;display:block;position:relative}
|
||||
.wst-in-goods .img a{width:1.76rem;height:1.76rem;display:table-cell;vertical-align:middle}
|
||||
.wst-in-goods .img a img{max-width:1.76rem;max-height:1.76rem;}
|
||||
.wst-in-goods .name{float:left;width:100%;height:0.33rem;margin-top:3px;line-height:0.17rem}
|
||||
.wst-in-goods .info{float:left;width:100%;margin-top:0.01rem;}
|
||||
.wst-in-goods .info .price{float:left;font-size:0.13rem;color:#e00102;}
|
||||
.wst-in-goods .info .price span{font-size:0.166rem;}
|
||||
.wst-in-goods .info2{float:left;width:100%;font-size:0.11rem;}
|
||||
.wst-in-goods .info2 .price{float:left;color: #999;}
|
||||
.wst-in-goods .info2 .deal{float:right;color: #999;}
|
||||
.pd0{padding-right:6px!important}
|
||||
.wst-in-goods .tags{width:100%;float:left}
|
||||
.wst-in-goods .tags .tag{background:#f23030;color:#fff;border-radius:2px;font-size:11px;padding:0 2px 0 2px}
|
||||
.wst-go-switch .wst-in-goods{width: 100%;border:0;}
|
||||
.wst-go-switch .wst-in-goods .img{width:32%;}
|
||||
.wst-go-switch .wst-in-goods .name,.wst-go-switch .wst-in-goods .tags,.wst-go-switch .wst-in-goods .info,.wst-go-switch .wst-in-goods .info2{width:68%;padding-left:0.05rem;box-sizing: border-box;}
|
||||
.wst-go-switch .wst-in-goods .info2{margin-top:0.1rem;}
|
||||
.wst-go-switch .wst-in-goods .img,.wst-go-switch .wst-in-goods .img a{width: calc(31.5%);width: -webkit-calc(31.5%);width: -moz-calc(31.5%);width: -ms-calc(31.5%);width: -o-calc(31.5%);height: calc(31.5vw);height: -webkit-calc(31.5vw);height: -moz-calc(31.5vw);height: -ms-calc(31.5vw);height: -o-calc(31.5vw);}
|
||||
7
hyhproject/mobile2/view/default/css/history.css
Executable file
7
hyhproject/mobile2/view/default/css/history.css
Executable file
@ -0,0 +1,7 @@
|
||||
@CHARSET "UTF-8";
|
||||
.goods-item{margin:5px 0;padding: 0.05rem 0.1rem;background:#ffffff;}
|
||||
.wst-info{padding-left:0.1rem;}
|
||||
.goodsTitle{font-size: 0.15rem;height:0.42rem;line-height:0.21rem;}
|
||||
.goods-info{color:#989292;font-size: 0.12rem;}
|
||||
.price{color: #de0202;font-size: 0.16rem;}
|
||||
.price span{font-size: 0.13rem;}
|
||||
552
hyhproject/mobile2/view/default/css/index-lxy.css
Executable file
552
hyhproject/mobile2/view/default/css/index-lxy.css
Executable file
@ -0,0 +1,552 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) and (max-width: 414px) {
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 182px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 140px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 99px;
|
||||
}
|
||||
.banner,
|
||||
.banner1 {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 172px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 89px;
|
||||
}
|
||||
.banner,
|
||||
.banner1 {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.time {
|
||||
width: 100%;
|
||||
height: 178px;
|
||||
background: white;
|
||||
}
|
||||
.time_con {
|
||||
width: 100%;
|
||||
height: 140px;
|
||||
overflow: hidden;
|
||||
margin-top: -5px;
|
||||
}
|
||||
.time_con .swiper-container {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
margin-left: 12px;
|
||||
}
|
||||
.time_con .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 89px;
|
||||
}
|
||||
.banner,
|
||||
.banner1 {
|
||||
width: 100%;
|
||||
height: 98px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.ac_center {
|
||||
float: left;
|
||||
width: 30%;
|
||||
border-right: 1px solid #efefef;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.youhaohuo {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.youhaohuo .img {
|
||||
width: 86.4px;
|
||||
margin-top: 6px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.aiguangjie {
|
||||
width: 100%;
|
||||
height: 105px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.aiguangjie .img {
|
||||
width: 80.4px;
|
||||
margin-top: 6px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.ac_right {
|
||||
float: left;
|
||||
width: 35%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.kongbai {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.bimaiqingdan {
|
||||
width: 100%;
|
||||
height: 105px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.bimaiqingdan .img {
|
||||
width: 85.5px;
|
||||
margin-top: 6px;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.activity-lxy {
|
||||
width: 100%;
|
||||
height: 213px;
|
||||
background: #fff;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.ac1_left-lxy {
|
||||
width: 40%;
|
||||
float: left;
|
||||
height: 213px;
|
||||
border-right: 1px solid #efefef;
|
||||
}
|
||||
|
||||
.ac1_left-lxy .img-lxy {
|
||||
width: 123px;
|
||||
margin-top: 12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.ac1_left-lxy .img-lxy1 {
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
.ac_right-lxy {
|
||||
width: calc(50% - 1px);
|
||||
float: left;
|
||||
height: 213px;
|
||||
}
|
||||
|
||||
.ac_r-lxy {
|
||||
width: 120%;
|
||||
height: 106px;
|
||||
border-bottom: 1px solid #EFEFEF;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ac_r-lxy .img-lxy {
|
||||
width: 54px;
|
||||
margin-top: 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ac_right_img1 {
|
||||
width: 50%;
|
||||
height: 85px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.ac_right_img1 img {
|
||||
width: 100%;
|
||||
height: 85px;
|
||||
}
|
||||
|
||||
.ac_right_img2 {
|
||||
width: 50%;
|
||||
height: 85px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.ac_right_img2 img {
|
||||
width: 100%;
|
||||
height: 85px;
|
||||
}
|
||||
|
||||
.sw_l {
|
||||
width: 40%;
|
||||
height: 105px;
|
||||
}
|
||||
|
||||
.sw_l .img {
|
||||
width: 39.6px;
|
||||
margin-top: 6px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.sw_r {
|
||||
width: 60%;
|
||||
height: 105px;
|
||||
background: #c1c1c1;
|
||||
}
|
||||
|
||||
.sw_r img {
|
||||
width: 100%;
|
||||
height: 105px;
|
||||
}
|
||||
|
||||
.xianshitehui {
|
||||
background: white url(../img/xianshitehui.png) no-repeat left top;
|
||||
background-size: 175.2px 108px;
|
||||
width: 100%;
|
||||
height: 108px;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.xsth_con {
|
||||
width: calc(100% - 114px);
|
||||
height: 87px;
|
||||
margin-top: 8px;
|
||||
float: right;
|
||||
background: #c1c1c1;
|
||||
}
|
||||
|
||||
.xsth_con img {
|
||||
width: 100%;
|
||||
height: 87px;
|
||||
}
|
||||
|
||||
|
||||
.search1 {
|
||||
width: 70%;
|
||||
position: fixed;
|
||||
left: 11.5%;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.wst-in-search1 input {
|
||||
float: left;
|
||||
width: 120%;
|
||||
height: 26px;
|
||||
font-size: .181rem;
|
||||
margin-top: 9px;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
position: relative;
|
||||
left: -13px;
|
||||
background: #fff;
|
||||
opacity: 0.8;
|
||||
font-size: 10px;
|
||||
text-indent: 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.wst-in-search1 p {
|
||||
float: left;
|
||||
width: 100%;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wst-in-search1 .ui-icon-search {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 1px;
|
||||
font-size: .35rem;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.wst-in-actives1 input {
|
||||
float: left;
|
||||
width: 120%;
|
||||
height: 26px;
|
||||
margin-top: 9px;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
opacity: 0.8;
|
||||
font-size: 10px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.msg {
|
||||
width: calc(100% - 24);
|
||||
height: 31.2px;
|
||||
background: white;
|
||||
margin: 6px 6px;
|
||||
border-radius: 12px;
|
||||
line-height: 31.2px;
|
||||
}
|
||||
|
||||
.msg img {
|
||||
width: 61.2px;
|
||||
margin: 6px 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.msg p {
|
||||
float: left;
|
||||
color: #e51329;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
font-size: 12xp;
|
||||
}
|
||||
|
||||
.msg marquee {
|
||||
width: 50%;
|
||||
height: 31.2px;
|
||||
line-height: 31.2px;
|
||||
font-size: 12px;
|
||||
margin-left: 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.msg .msg_more {
|
||||
float: left;
|
||||
color: black;
|
||||
margin-left: 2%;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.time_title {
|
||||
width: 100%;
|
||||
height: 33px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.time_title img {
|
||||
float: left;
|
||||
width: 95.4px;
|
||||
margin-left: 4px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.time_title p {
|
||||
float: left;
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
margin: 0;
|
||||
margin-left: 1.5%;
|
||||
}
|
||||
|
||||
.count {
|
||||
margin-left: 1%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.count div {
|
||||
line-height: 15px;
|
||||
float: left;
|
||||
font-size: 10.8px;
|
||||
color: #fefefe;
|
||||
background: black;
|
||||
margin-top: 6px;
|
||||
padding: 3px 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.count o {
|
||||
float: left;
|
||||
font-size: 10.8px;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
.jxyh {
|
||||
float: right;
|
||||
font-size: 13.2px;
|
||||
color: #e51329;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.time_title .jxyh img {
|
||||
float: right;
|
||||
width: 13.8px;
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.time_con .swiper-slide p {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #e51329;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
.time_con .swiper-slide del {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.box .img {
|
||||
height: 15.6px;
|
||||
}
|
||||
|
||||
.box p {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.box_1 {
|
||||
width: 42%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
padding: 9px 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.box .box2 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.boxcon img {
|
||||
float: left;
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
margin: 0 calc((100% - 132px)/4);
|
||||
}
|
||||
/*.banner,
|
||||
.banner1 {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
margin-top: 6px;
|
||||
}*/
|
||||
|
||||
.banner .swiper-container,
|
||||
.banner1 .swiper-container {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.banner .swiper-container .swiper-wrapper .swiper-slide img,
|
||||
.banner1 .swiper-container .swiper-wrapper .swiper-slide img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pzss_title {
|
||||
margin: 0;
|
||||
margin-top: -9px;
|
||||
}
|
||||
|
||||
.pzss_title img {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pzss {
|
||||
margin: 0;
|
||||
/*margin-top: -7px;*/
|
||||
width: 100%;
|
||||
height: 345px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.pzss1 {
|
||||
width: 49%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pzss1 .p1,
|
||||
.pzss3 .p1 {
|
||||
margin: 0;
|
||||
margin-top: 6px;
|
||||
margin-left: 9px;
|
||||
color: #525252;
|
||||
font-size: 15.6px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.pzss1 .p2,
|
||||
.pzss3 .p2 {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
overflow: hidden;
|
||||
height: 21px;
|
||||
color: #ee5be2;
|
||||
margin-left: 9px;
|
||||
}
|
||||
|
||||
.pzss .pzss2 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.pzss3 {
|
||||
width: 24.4%;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pzss .pzss4 {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.pzss3 img {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
margin: 0 calc(50% - 33px);
|
||||
}
|
||||
|
||||
<style type="text/css">input::-ms-input-placeholder {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
609
hyhproject/mobile2/view/default/css/index.css
Executable file
609
hyhproject/mobile2/view/default/css/index.css
Executable file
@ -0,0 +1,609 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-in-header {
|
||||
height: 33px;
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
|
||||
background: linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
|
||||
-webkit-transition: background-color .2s linear;
|
||||
-moz-transition: background-color .2s linear;
|
||||
-o-transition: background-color .2s linear;
|
||||
transition: background-color .2s linear;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.wst-in-header.active {
|
||||
height: 39px;
|
||||
background: #e50e0f;
|
||||
opacity: 0.87;
|
||||
}
|
||||
|
||||
.wst-in-search {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.wst-in-search .ui-icon-search {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
color: #fff;
|
||||
font-size: 0.35rem;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs {
|
||||
display: block;
|
||||
width: 73.5%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input {
|
||||
margin-top: 6px;
|
||||
padding: 0 0 0 25px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
border-radius: 15px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
color: #fff;
|
||||
font-size: 0.14rem;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
letter-spacing: 1px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input:-moz-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input::-moz-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs inputt:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input {
|
||||
background: #fff;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input::-webkit-input-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input:-moz-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input::-moz-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active inputt:-ms-input-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active .ui-icon-search {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.wst-in-search .classify {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 13.25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-search .classify i {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: url(../img/classify.png) center center no-repeat;
|
||||
background-size: 60%;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.wst-in-search .user {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 13.25%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-search .user a {
|
||||
color: #fff;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
|
||||
.wst-in-search .user i {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: url(../img/message-icon.png) center center no-repeat;
|
||||
background-size: 60%;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.wst-in-search .user i .number {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: -1px;
|
||||
min-width: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background: #f74c31;
|
||||
color: #fff;
|
||||
font-size: 0.1rem;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
-webkit-border-radius: 8px;
|
||||
padding: 0 3px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.wst-in-adso .adso img,
|
||||
.wst-in-adsb img,
|
||||
.wst-in-adscats img,
|
||||
.wst-in-activity .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block
|
||||
}
|
||||
|
||||
.wst-in-choose {
|
||||
padding: 5px 0 12px 0;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-choose p {
|
||||
width: 57.14285714%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 0.05rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-in-choose p img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wst-in-choose span {
|
||||
font-size: 0.13rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-activity {
|
||||
background: #fff;
|
||||
padding: 5px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.wst-in-activity .img {
|
||||
height: 1.15rem;
|
||||
}
|
||||
|
||||
.wst-in-news {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
margin-top: 0.05rem;
|
||||
font-size: 0.14rem;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
background: #fff;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.wst-in-news .article {
|
||||
float: left;
|
||||
width: 60%;
|
||||
height: 22px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.wst-in-news .article p {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.wst-in-news .new {
|
||||
float: left;
|
||||
width: 24%;
|
||||
text-align: left;
|
||||
margin-left: 3px;
|
||||
font: bold 13px/31px verdana;
|
||||
background: url(../img/icon_news1.png) 30px no-repeat;
|
||||
background-size: 50% 70%;
|
||||
}
|
||||
|
||||
.wst-in-news .new p {
|
||||
color: white;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wst-in-news a {
|
||||
color: #df0202;
|
||||
}
|
||||
|
||||
.wst-in-news .more {
|
||||
float: right;
|
||||
width: 15%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-news .more:active {
|
||||
background: #f2f1f1
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
display: none;
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
.wst-in-adst {
|
||||
padding: 0.1rem 0px;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-adst img {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border-bottom: 0.01rem solid #f2f1f1;
|
||||
}
|
||||
|
||||
.wst-in-adsb {
|
||||
height: 1.05rem;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-title {
|
||||
height: 0.3rem;
|
||||
padding: 0.05rem 0;
|
||||
text-align: center;
|
||||
color: #addd2d;
|
||||
background: #fff;
|
||||
border-bottom: 0.01rem solid #f2f1f1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-in-title .line {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-top: 0.14rem;
|
||||
width: 66%;
|
||||
height: 0.02rem;
|
||||
background: #addd2d;
|
||||
}
|
||||
|
||||
.wst-in-title .name {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 0.4rem;
|
||||
}
|
||||
|
||||
.wst-in-title .name p {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
height: 0.4rem;
|
||||
font: bold 0.158rem/0.43rem verdana;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wst-in-title .name p span {
|
||||
position: relative;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
|
||||
.wst-in-title .icon {
|
||||
position: absolute;
|
||||
top: -0.02rem;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
background: url(../img/index-icon.png) 0px 0px no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.colour0 {
|
||||
color: #addd2d
|
||||
}
|
||||
|
||||
.colour0 .line {
|
||||
background: #addd2d
|
||||
}
|
||||
|
||||
.colour0 .icon {
|
||||
background-position: 0px 0px
|
||||
}
|
||||
|
||||
.colour1 {
|
||||
color: #59a4f0
|
||||
}
|
||||
|
||||
.colour1 .line {
|
||||
background: #59a4f0
|
||||
}
|
||||
|
||||
.colour1 .icon {
|
||||
background-position: 0px -0.41rem
|
||||
}
|
||||
|
||||
.colour2 {
|
||||
color: #d71c1c
|
||||
}
|
||||
|
||||
.colour2 .line {
|
||||
background: #d71c1c
|
||||
}
|
||||
|
||||
.colour2 .icon {
|
||||
background-position: 0px -0.81rem
|
||||
}
|
||||
|
||||
.colour3 {
|
||||
color: #f28748
|
||||
}
|
||||
|
||||
.colour3 .line {
|
||||
background: #f28748
|
||||
}
|
||||
|
||||
.colour3 .icon {
|
||||
background-position: 0px -1.20rem
|
||||
}
|
||||
|
||||
.colour4 {
|
||||
color: #f28bd4
|
||||
}
|
||||
|
||||
.colour4 .line {
|
||||
background: #f28bd4
|
||||
}
|
||||
|
||||
.colour4 .icon {
|
||||
background-position: 0px -1.60rem
|
||||
}
|
||||
|
||||
.colour5 {
|
||||
color: #a24220
|
||||
}
|
||||
|
||||
.colour5 .line {
|
||||
background: #a24220
|
||||
}
|
||||
|
||||
.colour5 .icon {
|
||||
background-position: 0px -2rem
|
||||
}
|
||||
|
||||
.colour6 {
|
||||
color: #4289db
|
||||
}
|
||||
|
||||
.colour6 .line {
|
||||
background: #4289db
|
||||
}
|
||||
|
||||
.colour6 .icon {
|
||||
background-position: 0px -2.41rem
|
||||
}
|
||||
|
||||
.colour7 {
|
||||
color: #f04f00
|
||||
}
|
||||
|
||||
.colour7 .line {
|
||||
background: #f04f00
|
||||
}
|
||||
|
||||
.colour7 .icon {
|
||||
background-position: 0px -2.80rem
|
||||
}
|
||||
|
||||
.colour8 {
|
||||
color: #009d4e
|
||||
}
|
||||
|
||||
.colour8 .line {
|
||||
background: #009d4e
|
||||
}
|
||||
|
||||
.colour8 .icon {
|
||||
background-position: 0px -3.20rem
|
||||
}
|
||||
|
||||
.colour9 {
|
||||
color: #f6dd06
|
||||
}
|
||||
|
||||
.colour9 .line {
|
||||
background: #f6dd06
|
||||
}
|
||||
|
||||
.colour9 .icon {
|
||||
background-position: 0px -3.61rem
|
||||
}
|
||||
|
||||
.colour10 {
|
||||
color: #b79467
|
||||
}
|
||||
|
||||
.colour10 .line {
|
||||
background: #b79467
|
||||
}
|
||||
|
||||
.colour10 .icon {
|
||||
background-position: 0px -4.01rem
|
||||
}
|
||||
|
||||
.colour11 {
|
||||
color: #ad2be2
|
||||
}
|
||||
|
||||
.colour11 .line {
|
||||
background: #ad2be2
|
||||
}
|
||||
|
||||
.colour11 .icon {
|
||||
background-position: 0px -4.42rem
|
||||
}
|
||||
|
||||
.wst-in-adscats {
|
||||
height: 60px
|
||||
}
|
||||
|
||||
.wst-in-goods {
|
||||
float: left;
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
margin-bottom: 0.2rem;
|
||||
font-size: 0.08rem;
|
||||
background: #fff;
|
||||
color: #232326;
|
||||
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wst-in-goods.left {
|
||||
border-right: 0.02rem solid #f6f6f8;
|
||||
}
|
||||
|
||||
.wst-in-goods.right {
|
||||
border
|
||||
}
|
||||
|
||||
.lxy_p {
|
||||
color: #DE0202;
|
||||
font-size: 0.14rem;
|
||||
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wst-in-goods .img {
|
||||
float: left;
|
||||
width: 1.76rem;
|
||||
height: 1.76rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-in-goods .img a {
|
||||
width: 1.76rem;
|
||||
height: 1.76rem;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.wst-in-goods .img a img {
|
||||
max-width: 1.76rem;
|
||||
max-height: 1.76rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .name {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 0.33rem;
|
||||
margin-top: 3px;
|
||||
line-height: 0.17rem
|
||||
}
|
||||
|
||||
.wst-in-goods .info {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 0.05rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info .price {
|
||||
float: left;
|
||||
font-size: 0.13rem;
|
||||
color: #e00102;
|
||||
}
|
||||
|
||||
.wst-in-goods .info .price span {
|
||||
font-size: 0.166rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
font-size: 0.11rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 .price {
|
||||
float: left;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 .deal {
|
||||
float: right;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.ui-header~.ui-container {
|
||||
border-top: 0px solid transparent
|
||||
}
|
||||
|
||||
|
||||
/*轮播*/
|
||||
|
||||
.ui-slider-indicators {
|
||||
display: block;
|
||||
right: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ui-slider-indicators li {
|
||||
display: inline-block;
|
||||
margin: 0px 3px;
|
||||
width: 8px;
|
||||
height: 3px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.ui-slider-indicators li.current,
|
||||
.ui-slider-indicators li.current:before {
|
||||
background-color: #fff;
|
||||
}
|
||||
54
hyhproject/mobile2/view/default/css/iziModal.css
Executable file
54
hyhproject/mobile2/view/default/css/iziModal.css
Executable file
@ -0,0 +1,54 @@
|
||||
.iziModal{display:none;position:fixed;width:100%;left:50%;top:50%;z-index:999;background:#FFF;border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.3);transition:margin-top .3s ease}
|
||||
.iziModal *{-webkit-font-smoothing:antialiased}
|
||||
.iziModal::after{content:'';width:100%;height:0;opacity:0;position:absolute;left:0;bottom:0;z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.35)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.35) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#59000000',GradientType=0);transition:height .3s ease-in-out,opacity .3s ease-in-out;pointer-events:none}
|
||||
.iziModal.hasScroll::after{height:50px;opacity:1}
|
||||
.iziModal .iziModal-button-close{display:block;position:absolute;top:0;left:0;z-index:2;outline:0;height:46px;width:46px;border-radius:50%;opacity:.5;transition:transform .5s cubic-bezier(.16,.81,.32,1),opacity .5s ease}
|
||||
.iziModal-button-close i{color:#000}
|
||||
.iziModal .iziModal-button-close:hover{opacity:1;transform:rotate(180deg)}
|
||||
.iziModal .iziModal-header{background:#88a0b9;padding:14px 40px 15px 18px;border-radius:3px 3px 0 0;border-bottom:1px solid #e8e8e8;overflow:hidden;position:relative;z-index:10}
|
||||
.iziModal .iziModal-header-icon{font-size:40px;color:rgba(255,255,255,0.5);padding-right:15px;float:left}
|
||||
.iziModal .iziModal-header-title{color:#69696b;font-size:18px;line-height:1.3}
|
||||
.iziModal .iziModal-header-subtitle{color:rgba(255,255,255,0.6);font-size:12px;line-height:1.4}
|
||||
.iziModal .iziModal-header-title,.iziModal .iziModal-header-subtitle{margin:0;font-family:Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
|
||||
.iziModal .iziModal-header.iziModal-noSubtitle{height:auto;padding:9px 15px 9px 15px}
|
||||
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon{font-size:23px;padding-right:13px}
|
||||
.iziModal .iziModal-header.iziModal-noSubtitle{font-size:15px;font-weight:400}
|
||||
.iziModal.light .iziModal-header{box-shadow:none}
|
||||
.iziModal.light .iziModal-header-icon{color:rgba(0,0,0,0.5)}
|
||||
.iziModal.light .iziModal-header-title{color:#000}
|
||||
.iziModal.light .iziModal-header-subtitle{color:rgba(0,0,0,0.6)}
|
||||
.iziModal.light .iziModal-button-close{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU0QjI2RjgyNjZFMTFFNkE3RTk5MEFGMzVBNTcxNkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU0QjI2RjcyNjZFMTFFNkE3RTk5MEFGMzVBNTcxNkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDVDRUM4QTFGQTZCMTFFNEExNEZGMTM1MjdDNDE2ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDVDRUM4QTJGQTZCMTFFNEExNEZGMTM1MjdDNDE2ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mca+RAAABkklEQVR42rxVoU4DQRC9NhhUAYNBICqbVLUJSU+cK4IPuB+4BAeCNAUPAgH6fqCuBkHdGRJEVZPKE4iaKlqFPN4ms8uymbm7hjsmeZmmO/ve7czsTiPLMq9O28tbjOP4EC4EzoE2cEJLKyAFXoFJFEWfEkeDOwGI9+GugRvgoOAjN8Aj8AShr0IBkJ/CvQCdHbOxBC4g8iEKgFyl4N1Kxa6mUncGkZX+o+mkZfoHco/2TonrtwDsCuhV0Dg94voRgOIR3IgJvgR8OjqXDp9iXBsRpzmBasUWVzjk8w0+cETU74DWlsy+FnEagaFw3Am+pA2i1BLR5KlaUzHC3qEt0M0pWuKI2ORJTlN07Zt8XNAZSiQgEa8EueFsejWbFlgXXB6TFqYmkq1tgUUZckpLUlJkYQvMhKCQKahb+FDYO7MFVKttmaAOiAZMQbXIQHgUt7p9zWOH4DHcfUW1vcXpHtwuegbmFZDPieufn2tltOAL70uZgePb5OxFo4nUB+5oHBbZhmL77jQTZ3LtQ79K+xZgAC6hutw74AdUAAAAAElFTkSuQmCC') no-repeat 50% 50%}
|
||||
.iziModal .iziModal-loader{background:#FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:9}
|
||||
.iziModal .iziModal-content-loader{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%}
|
||||
.iziModal .iziModal-content:before,.iziModal .iziModal-content:after{content:'';display:table}
|
||||
.iziModal .iziModal-content:after{clear:both}
|
||||
.iziModal .iziModal-content{zoom:1}
|
||||
.iziModal .iziModal-wrap{position:relative;transition:height .3s ease}
|
||||
.iziModal .iziModal-iframe{width:100%;margin-bottom:-4px;transition:height .3s ease}
|
||||
.iziModal-overlay{display:block;position:fixed;z-index:998;top:0;left:0;height:100%;width:100%}
|
||||
body.iziModal-attached{overflow:hidden}body.iziModal-attached .iziModal{border-radius:0}body.iziModal-attached .iziModal-header{border-radius:0}body.iziModal-attached .iziModal-wrap{overflow-x:hidden}
|
||||
.iziModal.transitionIn .iziModal-header{-webkit-animation:slideDown .7s cubic-bezier(0.7,0,0.3,1);-moz-animation:slideDown .7s cubic-bezier(0.7,0,0.3,1);animation:slideDown .7s cubic-bezier(0.7,0,0.3,1)}
|
||||
.iziModal.transitionIn .iziModal-header .iziModal-header-icon{-webkit-animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both;animation:revealIn 1s cubic-bezier(.16,.81,.32,1) both}
|
||||
.iziModal.transitionIn .iziModal-header .iziModal-header-title,.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle{-webkit-animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both;-moz-animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both;animation:slideIn 1s cubic-bezier(.16,.81,.32,1) both}
|
||||
.iziModal.transitionIn .iziModal-header .iziModal-button-close{-webkit-animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1);-moz-animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1);animation:revealIn 1.2s cubic-bezier(0.7,0,0.3,1)}
|
||||
.iziModal.transitionIn .iziModal-iframe,.iziModal.transitionIn .iziModal-wrap{-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;animation:fadeIn 2s}
|
||||
.iziModal.transitionIn .iziModal-header{-webkit-animation-delay:.0s;-moz-animation:.0s;animation-delay:.0s}
|
||||
.iziModal.transitionIn .iziModal-header .iziModal-header-icon,.iziModal.transitionIn .iziModal-header .iziModal-header-title{-webkit-animation-delay:.4s;-moz-animation:.4s;animation-delay:.4s}
|
||||
.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle{-webkit-animation-delay:.5s;-moz-animation:.5s;animation-delay:.5s}
|
||||
.fadeOut{-webkit-animation:fadeOut .5s;-moz-animation:fadeOut .5s;animation:fadeOut .5s}
|
||||
.fadeIn{-webkit-animation:fadeIn .5s;-moz-animation:fadeIn .5s;animation:fadeIn .5s}
|
||||
.transitionIn{-webkit-animation:transitionIn .5s ease;-moz-animation:transitionIn .5s ease;animation:transitionIn .5s ease}
|
||||
.transitionOut{-webkit-animation:transitionOut .5s cubic-bezier(.16,.81,.32,1);-moz-animation:transitionOut .5s cubic-bezier(.16,.81,.32,1);animation:transitionOut .5s cubic-bezier(.16,.81,.32,1)}
|
||||
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}
|
||||
}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}
|
||||
}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(50px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideIn{0%{opacity:0;-moz-transform:translateX(50px)}
|
||||
100%{opacity:1;-moz-transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
|
||||
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@-moz-keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
|
||||
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@keyframes transitionIn{0%{opacity:0;transform:scale(0.9) translateY(-20px) perspective(600px) rotateX(10deg)}
|
||||
100%{opacity:1;transform:scale(1) translateY(0) perspective(600px) rotateX(0)}}@-webkit-keyframes transitionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}
|
||||
}@-moz-keyframes transitionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.9)}}@keyframes transitionOut{0%{opacity:1;transform:scale(1)}
|
||||
100%{opacity:0;transform:scale(0.9)}}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:scale(1,0) translateY(-40px);-webkit-transform-origin:center top}
|
||||
}@-moz-keyframes slideDown{0%{opacity:0;-moz-transform:scale(1,0) translateY(-40px);-moz-transform-origin:center top}}@keyframes slideDown{0%{opacity:0;transform:scale(1,0) translateY(-40px);transform-origin:center top}
|
||||
}@-webkit-keyframes revealIn{0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,1)}}@-moz-keyframes revealIn{0%{opacity:0;-moz-transform:scale3d(0.3,0.3,1)}
|
||||
}@keyframes revealIn{0%{opacity:0;transform:scale3d(0.3,0.3,1)}}
|
||||
.iziModal ::-webkit-scrollbar{width:0}
|
||||
150
hyhproject/mobile2/view/default/css/juhui.css
Executable file
150
hyhproject/mobile2/view/default/css/juhui.css
Executable file
@ -0,0 +1,150 @@
|
||||
body {
|
||||
background: #ebebeb;
|
||||
}
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 0.8rem;
|
||||
background: #f12f46;
|
||||
}
|
||||
.header p {
|
||||
font-size: 0.3rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 0.8rem;
|
||||
}
|
||||
.nav {
|
||||
width: 100%;
|
||||
height: 0.6rem;
|
||||
border-bottom: 1px solid #ececec;
|
||||
background: #fff;
|
||||
}
|
||||
.nav div {
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
.nav div p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #909090;
|
||||
text-align: center;
|
||||
line-height: 0.6rem;
|
||||
}
|
||||
.nav .on p {
|
||||
color: #e5122b;
|
||||
}
|
||||
.guanzhu1,
|
||||
.shangxin1,
|
||||
.haohuo1 {
|
||||
background: #fff;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.guanzhu1 .gz_dpmc {
|
||||
padding-top: 0.17rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.guanzhu1 .gz_dpmc img {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
float: left;
|
||||
}
|
||||
.guanzhu1 .gz_dpmc .gz_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.28rem;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
}
|
||||
.guanzhu1 .gz_dpmc .gz_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #909090;
|
||||
}
|
||||
.guanzhu1 .gz_dpmc .gz_p1,
|
||||
.gz_p2 {
|
||||
margin-left: 1.1rem;
|
||||
}
|
||||
.guanzhu1 .gz_nr {
|
||||
width: 5.75rem;
|
||||
height: 1.3rem;
|
||||
margin-left: 0.2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.guanzhu1 .gz_nr p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.24rem;
|
||||
color: #525252;
|
||||
}
|
||||
.zan {
|
||||
margin-left: 0.2rem;
|
||||
margin-top: 0.45rem;
|
||||
}
|
||||
.zan .eye {
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
float: left;
|
||||
}
|
||||
.zan .eye_p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.2rem;
|
||||
color: #909090;
|
||||
margin-left: 0.05rem;
|
||||
float: left;
|
||||
}
|
||||
.zan .damuzhi {
|
||||
width: 0.67rem;
|
||||
height: 0.32rem;
|
||||
border: 1px solid #ec5261;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
float: right;
|
||||
margin-right: 0.34rem;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.zan .damuzhi img {
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
margin-left: 0.1rem;
|
||||
float: left;
|
||||
}
|
||||
.zan .damuzhi p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.2rem;
|
||||
color: #ea4051;
|
||||
float: left;
|
||||
margin-left: 0.05rem;
|
||||
}
|
||||
.shangxin1 .sx_dpmc {
|
||||
padding-top: 0.17rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.shangxin1 .sx_dpmc img {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
float: left;
|
||||
}
|
||||
.shangxin1 .sx_dpmc .sx_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.28rem;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
}
|
||||
.shangxin1 .sx_dpmc .sx_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #909090;
|
||||
}
|
||||
.shangxin1 .sx_dpmc .sx_p1,
|
||||
.sx_p2 {
|
||||
margin-left: 1.1rem;
|
||||
}
|
||||
.shangxin1 .sx_sp {
|
||||
width: 6.05rem;
|
||||
margin-top: 0.4rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.shangxin1 .sx_spnr {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
background: #000000;
|
||||
margin-right: 0.01rem;
|
||||
margin-top: 0.02rem;
|
||||
float: left;
|
||||
}
|
||||
236
hyhproject/mobile2/view/default/css/juhui.less
Executable file
236
hyhproject/mobile2/view/default/css/juhui.less
Executable file
@ -0,0 +1,236 @@
|
||||
body{
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.header{
|
||||
width: 100%;
|
||||
height: 80/100rem;
|
||||
background: #f12f46;
|
||||
}
|
||||
|
||||
.header p{
|
||||
font-size: 30/100rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
line-height: 80/100rem;
|
||||
}
|
||||
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 60/100rem;
|
||||
border-bottom: 1px solid #ececec;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.nav div{
|
||||
width: 33.333%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav div p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #909090;
|
||||
text-align: center;
|
||||
line-height: 60/100rem;
|
||||
}
|
||||
|
||||
.nav .on p{
|
||||
color: #e5122b;
|
||||
}
|
||||
|
||||
.guanzhu1,.shangxin1,.haohuo1{
|
||||
background: #fff;
|
||||
margin-top: 10/100rem;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_dpmc{
|
||||
padding-top: 17/100rem;
|
||||
margin-left: 20/100rem;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_dpmc img{
|
||||
width: 100/100rem;
|
||||
height: 100/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_dpmc .gz_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 28/100rem;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_dpmc .gz_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_dpmc .gz_p1 , .gz_p2{
|
||||
margin-left: 110/100rem;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_nr{
|
||||
width: 575/100rem;
|
||||
height: 130/100rem;
|
||||
margin-left: 20/100rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.guanzhu1 .gz_nr p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 24/100rem;
|
||||
color: #525252;
|
||||
}
|
||||
|
||||
.zan{
|
||||
margin-left: 20/100rem;
|
||||
margin-top: 45/100rem;
|
||||
}
|
||||
|
||||
.zan .eye{
|
||||
width: 30/100rem;
|
||||
height: 30/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan .eye_p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 20/100rem;
|
||||
color: #909090;
|
||||
margin-left: 5/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan .damuzhi{
|
||||
width: 67/100rem;
|
||||
height: 32/100rem;
|
||||
border: 1px solid #ec5261;
|
||||
border-radius: 10px 10px 10px 10px;
|
||||
float: right;
|
||||
margin-right: 34/100rem;
|
||||
margin-bottom: 10/100rem;
|
||||
}
|
||||
|
||||
.zan .damuzhi img{
|
||||
width: 30/100rem;
|
||||
height: 30/100rem;
|
||||
margin-left: 10/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan .damuzhi p{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 20/100rem;
|
||||
color: #ea4051;
|
||||
float: left;
|
||||
margin-left: 5/100rem;
|
||||
}
|
||||
|
||||
|
||||
.shangxin1 .sx_dpmc{
|
||||
padding-top: 17/100rem;
|
||||
margin-left: 20/100rem;
|
||||
}
|
||||
|
||||
.shangxin1 .sx_dpmc img{
|
||||
width: 100/100rem;
|
||||
height: 100/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.shangxin1 .sx_dpmc .sx_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 28/100rem;
|
||||
font-weight: 900;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
|
||||
.shangxin1 .sx_dpmc .sx_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.shangxin1 .sx_dpmc .sx_p1 , .sx_p2{
|
||||
margin-left: 110/100rem;
|
||||
}
|
||||
|
||||
.shangxin1 .sx_sp{
|
||||
width: 605/100rem;
|
||||
margin-top: 40/100rem;
|
||||
margin-left: 20/100rem;
|
||||
}
|
||||
|
||||
.shangxin1 .sx_spnr{
|
||||
width: 200/100rem;
|
||||
height: 200/100rem;
|
||||
background: #000000;
|
||||
margin-right: 1/100rem;
|
||||
margin-top: 2/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
//.shangxin1 .sx_spnr img{
|
||||
// width: 200/100rem;
|
||||
// height: 200/100rem;
|
||||
//}
|
||||
|
||||
|
||||
//.banner {
|
||||
// height: 258/100rem;
|
||||
// position: relative;
|
||||
// overflow: hidden;
|
||||
//}
|
||||
//
|
||||
//.banner .list {
|
||||
// transition: .3s ease-in-out;
|
||||
// width: 500%;
|
||||
//}
|
||||
//
|
||||
//.banner .list li {
|
||||
// float: left;
|
||||
// width: 20%;
|
||||
//}
|
||||
//
|
||||
//.banner .list a {
|
||||
// height: 195/40rem;
|
||||
// display: block;
|
||||
//}
|
||||
//
|
||||
//.banner .list img {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
//}
|
||||
//
|
||||
//.banner img {
|
||||
// width: 640/100rem;
|
||||
// height: 258/64rem;
|
||||
//}
|
||||
//
|
||||
//.banner .btn {
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// bottom: 8/100rem;
|
||||
// transform: translateX(-50%);
|
||||
//}
|
||||
//
|
||||
//.banner .btn li {
|
||||
// float: left;
|
||||
// width: 12/100rem;
|
||||
// height: 12/100rem;
|
||||
// border-radius: 50%;
|
||||
// background: rgba(255, 255, 255, 0.3);
|
||||
// margin: 0 4/100rem;
|
||||
//}
|
||||
//
|
||||
//.banner .btn .on {
|
||||
// background: #E8503E;
|
||||
//}
|
||||
|
||||
|
||||
|
||||
18
hyhproject/mobile2/view/default/css/list_complains.css
Executable file
18
hyhproject/mobile2/view/default/css/list_complains.css
Executable file
@ -0,0 +1,18 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{font-size:.13rem}
|
||||
.c-tr{text-align:right}
|
||||
.complain-box{margin-top:5px;padding:5px;background:#fff}
|
||||
.c-line{border-bottom:1px solid #eaeaea;margin-bottom:5px}
|
||||
.c-item li{padding:10px 0;font-size:.15rem}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;bottom:0;width:100%;min-height:40%;background-color:#f6f6f8;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{background:#fff;height:auto;position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:14px}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{overflow-y:scroll}
|
||||
.com-detail-box{margin:10px 0;background:#fff}
|
||||
.com-detail-box li{padding:5px}
|
||||
.com-detail-big-title{margin-left:6px;font-weight:bold}
|
||||
.com-detail-title{text-align:right}
|
||||
.annex{width:60px;height:60px}
|
||||
.wst-co-status{color: #fa281b;}
|
||||
38
hyhproject/mobile2/view/default/css/logmoneys.css
Executable file
38
hyhproject/mobile2/view/default/css/logmoneys.css
Executable file
@ -0,0 +1,38 @@
|
||||
@CHARSET "UTF-8";
|
||||
h1{position:relative}
|
||||
.record{display:inline-block;position:absolute;right: 10px;top:0;color:black;color: #59595c;font-size: 13px;}
|
||||
.bgimg{display:inline-block;width:67px;height:60px;margin-top:20px;margin-bottom:5px}
|
||||
.head-btn{display:block;width:auto;height:40px;line-height:40px;font-size:.22rem;color:#fff;background-color:#ff4e4e}
|
||||
.head-btn i{position:relative;top:16%;display:inline-block;width:26px;height:26px;margin-right:5px;background:url(../img/icon_tixian.png) no-repeat;background-size:100%}
|
||||
.head-btn-box{margin-top:77px}
|
||||
.wst-header h1{z-index:-1}
|
||||
.head{min-height:1rem;color:#fff;background:url(../img/icon_logmoney.png) no-repeat;background-size:cover;position: relative;}
|
||||
.title{position: absolute;left:0;bottom:0;width:100%;}
|
||||
.title .money_number{font-size:0.15rem;text-align: right;padding:0 0.1rem;}
|
||||
.title .money_number2{font-size:0.13rem;margin-top: 2px;text-align: right;padding:0 0.1rem 0.05rem 0.1rem;}
|
||||
.title .money_number p{font-size:0.16rem;}
|
||||
.title .money_number span{font-size:0.13rem;}
|
||||
.money-detail{padding:5px;background-color:#fff;border-bottom:1px solid #edebeb;font-size:.15rem;}
|
||||
.money-detail h5{font-size:.15rem;}
|
||||
.money-detail-title{padding:5px 10px;font-size:.18rem}
|
||||
.m-tr{text-align:right;color:#abaaaa}
|
||||
.first-time{font-size:0.15rem;color:#abaaaa;padding-left:5px;margin-top:10px}
|
||||
.wst-lo-choice{width:100%;padding:2px 2px 2px 5px;height:36px;border-radius:2px;border:1px solid #a0a0a0;background:#fff;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;bottom:0;width:100%;min-height:40%;background:#f2f2f2;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{height:auto;background:#fff;position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size: 16px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .info{padding:0.1rem;background:#fff;font-size:.15rem;}
|
||||
.wst-fr-box .info .money{margin-top:0.05rem;font-size:.175rem;color: #df0202;}
|
||||
.wst-fr-box .info .money span{font-size:.15rem;}
|
||||
.wst-fr-box .content{padding:0.1rem;margin-top:10px;background:#fff;font-size:.15rem;}
|
||||
.wst-fr-box .content li{margin:5px auto;line-height:36px}
|
||||
.recharge-box{height:50px;line-height:50px;text-align:center;background:white;color:black;font-size:.15rem;border-bottom: 1px solid #f2f1f1;}
|
||||
.wst-apply-button{height: 38px;line-height: 38px;font-size: 0.15rem;color: #fff;background: #e00102;border-radius: 3px;border-bottom: 1px solid #e00102;}
|
||||
.icon_add{background: url(../img/icon_add_money.png) no-repeat;background-size: contain; width: 60px;margin:5px;margin: 0 auto;margin-top: 10%; height: 20px;}
|
||||
.icon_out{background: url(../img/icon_out_money.png) no-repeat;background-size: contain; width: 60px;margin:5px;margin: 0 auto;margin-top: 10%; height: 20px;}
|
||||
.wst_model p {display: inline-block;padding-left:14px;line-height: 20px;}
|
||||
.icon_stript{width: 20px;height:20px;float: left;}
|
||||
.stript_1{background: url(../img/icon_cart_money.png) no-repeat;background-size: cover;}
|
||||
.stript_2{background: url(../img/icon_record.png) no-repeat;background-size: cover;}
|
||||
23
hyhproject/mobile2/view/default/css/messages.css
Executable file
23
hyhproject/mobile2/view/default/css/messages.css
Executable file
@ -0,0 +1,23 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{color:#333}
|
||||
.wst-info_delete{padding:0}
|
||||
.wst-info_delete button{height:49px;color:#333;line-height:49px}
|
||||
.wst-info_delete button:not(.disabled):not(:disabled):active,.wst-info_delete button.active{border-color:#e7530a;color:#504f4f;background-clip:padding-box}
|
||||
.wst-info_content input:before{font-size:22px;left:15px}
|
||||
.wst-info_content input:checked:before{color:#f24566}
|
||||
.wst-info_content span{float:left;width:20px;height:20px;margin-right:5px}
|
||||
.wst-info_content h5{font-size:.15rem}
|
||||
.wst-info_ico{background:url(../img/info_icon.png) 0 0 no-repeat}
|
||||
.wst-info_ico1{background:url(../img/info_icon.png) -22px 0 no-repeat}
|
||||
.msg-chk{margin-left:-13px;margin-right:10px}
|
||||
.favorite-tc{line-height:45px;text-align:left;font-size: .165rem;}
|
||||
.f-btn{min-width:85px}
|
||||
.f-btn button{background:#e00102;border-bottom:1px solid #e00102;font-size:.15rem}
|
||||
.ui-checkbox input:before,.ui-checkbox-s input:before{font-size:22px!important}
|
||||
.ui-checkbox input:checked:before,.ui-checkbox-s input:checked:before{color:#e32726!important}
|
||||
.sactive{margin-right:0!important}
|
||||
.detail-time{text-align:center}
|
||||
.del-btn{position:absolute;top:8px;right:10px}
|
||||
.wst-info_detime{font-size:.13rem}
|
||||
.wst-info_decontent{font-size:.15rem}
|
||||
.wst-line{border-bottom:1px solid #edebeb;margin:0 10px}
|
||||
107
hyhproject/mobile2/view/default/css/orders.css
Executable file
107
hyhproject/mobile2/view/default/css/orders.css
Executable file
@ -0,0 +1,107 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{font-size:.14rem}
|
||||
.wst-headero ~ .ui-container{border-top:72px solid transparent}
|
||||
.ui-tab{position:fixed;width:100%;z-index:100;left:0;top:41px}
|
||||
.order-tab{width:100%;height:35px;line-height:35px;padding:0;background:#fff;overflow-x:scroll}
|
||||
.order-tab::-webkit-scrollbar{width:1px;height:1px;background-color:#fff}
|
||||
.order-tab::-webkit-scrollbar-thumb{background-color:#fff}
|
||||
.wst-headero ~ .ui-container{border-top:72px solid transparent}
|
||||
.item-head{font-size: .15rem;padding:10px 0;border-bottom:1px solid #f2f1f1}
|
||||
.item-head p{padding-left:20px;position: relative;}
|
||||
.item-head .shopicon{position: absolute;display: block;top: 2px;left: 0;width: 19px;height: 19px;background: url(../img/icon_dp.png) 0px 1px no-repeat;background-size: 87%;}
|
||||
.ui-tab-nav li.tab-item{font-size:.15rem;height:35px;line-height:35px;min-width:55px;padding:0 5px;text-align:center}
|
||||
.ui-tab-nav li.tab-curr{color:#de4943;;height:34px;border-bottom:2px solid #de4943;}
|
||||
.order-item{background:#fff;margin-top:6px;padding:0 10px;border-bottom:1px solid #e3e3e3}
|
||||
.order-tr{text-align:right}
|
||||
.o-shops{padding:2px 0 2px 0;border-bottom:0.01rem solid #f2f1f1;}
|
||||
.o-shops p{position: relative;padding-left:20px;font-size:.15rem;}
|
||||
.o-shops i{position: absolute;display: block;top: 1;left: 0;width: 20px;height: 20px;background: url(../img/icon_dp.png) 0px 1px no-repeat;background-size: 87%;}
|
||||
.o-status{color:#de4943;}
|
||||
.o-status2{float:right;color:#de4943;}
|
||||
.wst-or-term{padding:2px 0;}
|
||||
.wst-or-term2{margin-top:10px;padding:10px 0;border-top: 1px solid #f2f1f1;}
|
||||
.wst-or-term2 .o-status2{font-size:.17rem;font-weight: bold;}
|
||||
.wst-or-describe{float:left;width: 0.72rem;color: #999;}
|
||||
.wst-or-describe2{float:left;}
|
||||
.o-Img{max-width:60px;max-height:60px;width:60px;height:60px;padding-top:5px}
|
||||
.o-gInfo{padding:5px}
|
||||
.o-gSpec{color:#ccc}
|
||||
.border-b{padding-bottom:5px;border-bottom:1px solid #f2f1f1;padding-left: 0;padding-right: 0;}
|
||||
.o-btn-box{padding-right:0}
|
||||
.o-btn{float:right;margin-top:10px;margin-left:5px;font-size:.13rem;color:#de0202;border:1px solid #de0202;padding:0 9px}
|
||||
.o-btn:not(.disabled):not(:disabled):active{color:#de0202;}
|
||||
.o-cancel-btn{color:inherit;border:1px solid #000}
|
||||
.o-cancel-btn:not(.disabled):not(:disabled):active{color:inherit}
|
||||
.wst-wa-info{background:#fff;padding:5px 0;margin-bottom:10px}
|
||||
.wst-wa-info .info{padding:5px 0;text-align:center;border-bottom:1px solid #ccc}
|
||||
.wst-wa-info .info span{color:red}
|
||||
.wst-wa-info .pay-info{text-align: center;padding:10px;color:#000;font-weight:bold;}
|
||||
.wst-wa-info .pay{padding:10px}
|
||||
.wst-wa-info .pay input{width:70%;padding:2px 2px 2px 5px;height:36px;border-radius:2px;border:1px solid #a0a0a0}
|
||||
.wst-wa-forget{padding-bottom:20px}
|
||||
.wst-pa-l{margin-top:8px}
|
||||
.wst-pa-l .line{border-bottom:1px solid #edebeb}
|
||||
.wst-pa-l span{width:23px;height:23px;display:block;margin-right:6px}
|
||||
.wst-pa-l .weixinpays{background:url(../img/icon_zhifu.png) 0 1px no-repeat;background-size:97%}
|
||||
.wst-pa-l .wallets{background:url(../img/icon_zhifu.png) 0 -53px no-repeat;background-size:97%}
|
||||
.wst-pa-l .alipays{background:url(../img/icon_zhifu.png) 0 -107px no-repeat;background-size:97%}
|
||||
.ui-dialog-bd{font-size:.15rem}
|
||||
.cancel-btn-box{margin-left:0;}
|
||||
.wst-or-process{margin-bottom:0.1rem;}
|
||||
.wst-or-process .process{position: relative;}
|
||||
.wst-or-process p{text-align:center;}
|
||||
.wst-or-process .line{margin-bottom:10px;padding:10px 0;}
|
||||
.wst-or-process .line span{float:left;width:50%;height:2px;background:#eaeaea;}
|
||||
.wst-or-process .line span.active{background:#e00102;}
|
||||
.wst-or-process .icon{position: absolute;left:0;top:0;display: block;width:100%;height:20px;}
|
||||
.wst-or-process .icon i{height:20px;line-height:20px;font-size: 27px;}
|
||||
.wst-or-process .icon i.active{color:#e00102;}
|
||||
.wst-or-process .icon i:before {background: #fff;}
|
||||
.wst-or-process{margin-bottom:0.1rem;}
|
||||
.wst-or-process .process{position: relative;}
|
||||
.wst-or-process p{text-align:center;}
|
||||
.wst-or-process .line{margin-bottom:10px;padding:10px 0;}
|
||||
.wst-or-process .line span{float:left;width:50%;height:2px;background:#eaeaea;}
|
||||
.wst-or-process .line span.active{background:#e00102;}
|
||||
.wst-or-process .icon{position: absolute;left:0;top:0;display: block;width:100%;height:20px;}
|
||||
.wst-or-process .icon i{height:20px;line-height:20px;font-size: 27px;}
|
||||
.wst-or-process .icon i.active{color:#e00102;}
|
||||
.wst-or-process .icon i:before {background: #fff;}
|
||||
.detail-head{border-bottom:1px solid #eaeaea;padding:10px 5px;background:#fff;margin-top:5px}
|
||||
.d-uInfo{background:#fff;height:40px;margin-bottom:5px}
|
||||
.d-utel{padding-left:15px}
|
||||
.d-uaddr{padding-left:15px;position:relative}
|
||||
.d-uaddr i{width:9px;height:25px;display:block;position:absolute;left:1px;top:-3px;background:url(../img/icon_user_adds.png) no-repeat 0 2px;background-size:100%}
|
||||
.d-goodsitme{background:#fff;border-bottom:0;margin-bottom:5px;font-size:.11rem}
|
||||
.d-item{background:#fff;border-bottom:1px solid #eaeaea;padding:7px 5px}
|
||||
.d-item-right{color:#b5b5b5}
|
||||
.d-gSpec{padding-left:10px}
|
||||
.price{color:red}
|
||||
.title{font-size:.15rem;color:#59595c}
|
||||
#detailBox,#refundBox{font-size:.14rem}
|
||||
#boxTitle,#refund-boxTitle,#refundFrame{background:#fff}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;top:0;width:100%;min-height:40%;background:#f2f2f2;font-size:.15rem;background: red;}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:16px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{background:#f2f2f2;overflow:scroll}
|
||||
.wst-refund{position:fixed;z-index:9999;right:-999px;top:0;width:100%;min-height:40%;background:#f2f2f2;font-size:.15rem;background: red;}
|
||||
#reject,#reason{height:30px;border-radius: 2px;border: 1px solid #a0a0a0;background: #fff;}
|
||||
.o-oListMoney{float:left;width:100%;text-align:right;margin-bottom:3px;font-size:.15rem}
|
||||
.o-oListMoney span{color:#de0202;}
|
||||
.ui-dialog-bd .ui-dialog-bd-title{padding-left:25px}
|
||||
.order-tr .title{border:none!important}
|
||||
.wst-btn-dangerlo{color:#fff;font-size:.15rem;height:38px;line-height:38px;background:#e00102;border-radius:3px;border-bottom:1px solid #e00102}
|
||||
.wst-btn-dangerlo:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.notice{padding:3px 6px;color:#e55454}
|
||||
.recharge-box{text-align: center;line-height:40px;padding-top:20px;font-size: 0.18rem;}
|
||||
.recharge-box .paybox{border-top:1px solid #d2d2d2;font-size:0.25rem;margin:10px;}
|
||||
.order_from{ margin-left: 10px;color: #fff;font-size:.12rem;padding: 0 4px;line-height:22px;border-radius: 10px;background-color: #f19325;position: absolute;left: 0}
|
||||
.wst-or-refund{padding: 10px 5px;}
|
||||
.wst-or-refund .prompt{padding:0 10px 10px 10px;border-bottom: 1px solid #eaeaea;padding}
|
||||
.wst-or-refund .term{padding:10px 10px 0 10px;line-height:30px;}
|
||||
.wst-or-refund .sign{color:#de0202;}
|
||||
#refundReason{width:68%;height: 30px;border-radius: 2px;border: 1px solid #a0a0a0;background: #fff;}
|
||||
.wst-or-refund .term input{width:68%;height:30px;border-radius: 2px;border: 1px solid #a0a0a0;background: #fff;}
|
||||
.wst-or-refund .wst-dialog-b2{width:220px;height: 35px;line-height: 35px;}
|
||||
30
hyhproject/mobile2/view/default/css/orders_appraises.css
Executable file
30
hyhproject/mobile2/view/default/css/orders_appraises.css
Executable file
@ -0,0 +1,30 @@
|
||||
@CHARSET "UTF-8";
|
||||
.item-head{margin-top:5px;padding:5px 10px;background:#fff;border-bottom:1px solid #eaeaea}
|
||||
.item-head .shop{position: relative;padding-left:20px;font-size:.15rem;}
|
||||
.item-head .shop i{position: absolute;display: block;top: 2px;left: 0;width: 19px;height: 19px;background: url(../img/icon_dp.png) 0px 1px no-repeat;background-size: 87%;}
|
||||
.border-b{padding:5px 10px 10px 10px;border-bottom:1px solid #eaeaea}
|
||||
.g-Img{max-width:60px;max-height:60px;padding-top:5px}
|
||||
.g-Img img{max-width:60px;max-height:60px;}
|
||||
.g-gInfo{padding:5px}
|
||||
.g-gName{max-height:40px;line-height: 20px;font-size:.14rem;}
|
||||
.g-gSpec{color:#ccc;font-size:.13rem;}
|
||||
.order-tr{text-align:right;line-height:60px}
|
||||
.order-tr .appraise{float: right;margin-top:20px;font-size:.13rem;color: #f19325;width:30px;height:25px;background: url(../img/evaluate.png) 0px 0px no-repeat;background-size: 72%;}
|
||||
.g-item{background:#fff}
|
||||
.appraise-title{padding-left:10px}
|
||||
.appraise-name{padding-right:10px;height: 0.42rem;line-height:0.21rem;}
|
||||
.appraise-box{margin-bottom:10px;padding-top:10px;background:#fff;margin-top:5px;font-size:.14rem;border-bottom:1px solid #eaeaea}
|
||||
.score{color: #f19325;}
|
||||
.start-on,.start-not{display:inline-block;width:20px;height:25px;background:url(../img/img_dpjpj.png) no-repeat}
|
||||
.start-on{background-position:1px 4px;background-size:265%}
|
||||
.start-not{background-position:-34px 4px;background-size:265%}
|
||||
.appraisesContent{width:100%;min-height:100px;resize:none}
|
||||
.post-btn button{height: 38px;line-height: 38px;font-size: 0.15rem;color: #fff;background: #e00102;border-radius: 3px;border-bottom: 1px solid #e00102;}
|
||||
.post-btn{margin:0;background:#fff}#appraisesBox{margin-top:15px}
|
||||
.complainFileBox{margin-left:10px;min-height:65px}
|
||||
.complainFileBox li{float:left;margin-right:5px;max-height:60px}
|
||||
.complainFileBox img{max-width:50px;max-height:50px}
|
||||
.edit_charts{position:relative}
|
||||
.del-btn{position:relative;top:-43px;left:0}
|
||||
.ui-icon,[class^="ui-icon-de"]{font-size:20px;position:absolute;left:32px;top:-1px;color:red;line-height:17px}
|
||||
.webuploader-pick {padding: 5px 6px!important;}
|
||||
52
hyhproject/mobile2/view/default/css/orders_complains.css
Executable file
52
hyhproject/mobile2/view/default/css/orders_complains.css
Executable file
@ -0,0 +1,52 @@
|
||||
@CHARSET "UTF-8";body{font-size:.14rem}
|
||||
.order-tab{height:30px;line-height:30px;padding:0;background:#fff}
|
||||
.item-head{padding:5px}
|
||||
.tab-item{text-align:center}
|
||||
.tab-curr{border-bottom:2px solid red}
|
||||
.order-item{background:#fff;margin:10px auto}
|
||||
.order-tr{text-align:right}
|
||||
.o-status{color:red}
|
||||
.o-Img{max-width:60px;max-height:60px;padding-top:5px}
|
||||
.o-gInfo{padding:5px}
|
||||
.o-gName{max-height:40px}
|
||||
.o-gSpec{color:#ccc}
|
||||
.border-b{padding-bottom:5px;border-bottom:1px solid #ccc}
|
||||
.o-btn-box{padding-right:0}
|
||||
.o-btn{float:right;margin-bottom:5px;margin-right:5px;font-size:.15rem;color:red;border:1px solid red;padding:0 9px}
|
||||
.o-cancel-btn{color:inherit;border:1px solid #000}
|
||||
.detail-head{border-bottom:1px solid #eaeaea;padding:10px 5px;background:#fff;margin-top:5px}
|
||||
.d-uInfo{background:#fff;height:30px;margin-bottom:5px;padding:5px;font-size:.14rem;}
|
||||
.d-uname{padding:3px 0;margin-left:-4px}
|
||||
.d-utel{padding-left:15px}
|
||||
.d-goodsitme{background:#fff;border-bottom:0;margin-bottom:5px;font-size:.13rem}
|
||||
.d-item{background:#fff;border-bottom:1px solid #eaeaea;padding:5px}
|
||||
.d-item-right{color:#b5b5b5}
|
||||
.d-gSpec{padding-left:10px}
|
||||
.price{color:red}
|
||||
.title{font-size:.15rem;color:#59595c}
|
||||
#detailBox{font-size:.15rem}#boxTitle{background:#fff}
|
||||
.c-item{margin-top:5px;padding:10px 5px;font-size:.15rem}
|
||||
.c-box{margin:0;padding:0;font-size:.15rem}
|
||||
.c-title{padding:30px 5px 5px 5px;padding-top:10px;background:#fff;height:36px!important;border-bottom:1px solid #eaeaea}
|
||||
.c-content{background:#fff;height:125px!important;padding:5px;}#complain{width:100%;height:120px;resize:none}
|
||||
.webuploader-pick{padding:5px 6px!important;}
|
||||
.complainFileBox{min-height:60px;margin-top: 15px;margin-left: 5px;}
|
||||
.complainFileBox li{float:left;margin-right:5px;max-height:60px}
|
||||
.complainFileBox img{max-width:50px;max-height:50px}
|
||||
.edit_charts{position:relative}
|
||||
.del-btn{position:relative;top:-43px;left:0}
|
||||
.ui-icon,[class^="ui-icon-de"]{font-size:20px;position:absolute;left:32px;top:-1px;color:red;line-height:17px}
|
||||
.uploadfile-box{background:#fff;height:100px!important;position:relative}
|
||||
.ui-icon-thumb{line-height:20px}
|
||||
.uploadfile-input{width:12%;height:25px;position:absolute;left:0;top:73px;z-index:-55;opacity:0}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:0;bottom:-300px;width:100%;min-height:40%;background:#f2f2f2;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:15px;color: #222;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{background:#f2f2f2;overflow:scroll}
|
||||
.complain-item{background:#fff;border-bottom:1px solid #eaeaea;padding:10px;font-size:.14rem}#content{min-height:130px}
|
||||
.ui-checkbox input,.ui-checkbox-s input{height:18px}
|
||||
.ui-checkbox input:before,.ui-checkbox-s input:before{left:53px;top:-13px;font-size:26px!important}
|
||||
.ui-checkbox input:checked:before,.ui-checkbox-s input:checked:before{color:#e32726!important}
|
||||
.c-btn{height: 38px;line-height: 38px;font-size: 0.15rem;color: #fff;background: #e00102;border-radius: 3px;border-bottom: 1px solid #e00102;}
|
||||
314
hyhproject/mobile2/view/default/css/rebate.css
Executable file
314
hyhproject/mobile2/view/default/css/rebate.css
Executable file
@ -0,0 +1,314 @@
|
||||
body {
|
||||
background: #3d2467;
|
||||
height: 2000px;
|
||||
}
|
||||
.banner img {
|
||||
width: 6.4rem;
|
||||
height: 7.18rem;
|
||||
}
|
||||
.youhui {
|
||||
width: 5.95rem;
|
||||
height: 4.77rem;
|
||||
background: #5224a8;
|
||||
margin-left: 0.21rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.youhui .yhq {
|
||||
width: 5.9rem;
|
||||
}
|
||||
.youhui .yhq_block {
|
||||
width: 1.38rem;
|
||||
height: 1.95rem;
|
||||
margin-left: 0.09rem;
|
||||
margin-top: 0.2rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.youhui .yhq_block img {
|
||||
width: 1.38rem;
|
||||
height: 1.95rem;
|
||||
}
|
||||
.youhui .yhq_btn {
|
||||
width: 1.25rem;
|
||||
height: 0.35rem;
|
||||
background: #ffbd1f;
|
||||
border-radius: 20px;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 0.06rem;
|
||||
left: 0.08rem;
|
||||
line-height: 0.35rem;
|
||||
}
|
||||
.youhui .miaosha {
|
||||
width: 5.72rem;
|
||||
height: 2.05rem;
|
||||
background: url(../img/miaosha_bg.png) no-repeat;
|
||||
margin-left: 0.12rem;
|
||||
margin-top: 0.17rem;
|
||||
border-radius: 5px;
|
||||
padding-top: 0.1rem;
|
||||
}
|
||||
.miaosha .mssp {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
background: #7fe4eb;
|
||||
border-radius: 50%;
|
||||
margin-left: 0.43rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.miaosha .mssp img {
|
||||
width: 2.3rem;
|
||||
height: 2.3rem;
|
||||
position: absolute;
|
||||
left: -0.18rem;
|
||||
top: -0.23rem;
|
||||
}
|
||||
.miaosha .zdms {
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 0.23rem;
|
||||
float: left;
|
||||
}
|
||||
.miaosha .zdms .ms_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.3rem;
|
||||
color: #fefd21;
|
||||
}
|
||||
.miaosha .zdms .ms_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.24rem;
|
||||
color: #fff;
|
||||
margin-left: 0.16rem;
|
||||
margin-top: 0.12rem;
|
||||
}
|
||||
.miaosha .zdms img {
|
||||
width: 2rem;
|
||||
height: 0.45rem;
|
||||
margin-left: 0.23rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.hengfu img {
|
||||
width: 100%;
|
||||
margin-top: 0.21rem;
|
||||
}
|
||||
.bktj img {
|
||||
width: 5.4rem;
|
||||
height: 0.92rem;
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 0.33rem;
|
||||
}
|
||||
.bk_cp1,
|
||||
.bk_cp2,
|
||||
.bk_cp3,
|
||||
.bk_cp4 {
|
||||
width: 6.33rem;
|
||||
height: 2.85rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.bk_cp1 {
|
||||
background: url(../img/bk_bg1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bk_cp2 {
|
||||
background: url(../img/bk_bg2.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bk_cp3 {
|
||||
background: url(../img/bk_bg3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bk_cp4 {
|
||||
background: url(../img/bk_bg4.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bk_cp1 .bk_img1 {
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
margin-left: 0.65rem;
|
||||
float: left;
|
||||
}
|
||||
.bk_cp1 .bk_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.36rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.8rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.bk_cp1 .bk_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.bk_cp1 .bk_p3 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.3rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.bk_cp1 .bk_img2 {
|
||||
width: 1.03rem;
|
||||
height: 0.41rem;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.bk_cp3 .bk_img1 {
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
margin-left: 0.65rem;
|
||||
float: left;
|
||||
}
|
||||
.bk_cp3 .bk_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.36rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.8rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.bk_cp3 .bk_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.bk_cp3 .bk_p3 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.3rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
.bk_cp3 .bk_img2 {
|
||||
width: 1.03rem;
|
||||
height: 0.41rem;
|
||||
float: left;
|
||||
margin-left: 0.95rem;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
.bk_cp2 .bk2_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.36rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.9rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.bk_cp2 .bk2_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 0.95rem;
|
||||
}
|
||||
.bk_cp2 .bk2_p3 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.3rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 1.3rem;
|
||||
}
|
||||
.bk_cp2 .bk_img2 {
|
||||
width: 1.03rem;
|
||||
height: 0.41rem;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 1.9rem;
|
||||
}
|
||||
.bk_cp2 .bk_img1 {
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
margin-left: 0.65rem;
|
||||
float: left;
|
||||
}
|
||||
.bk_cp4 .bk2_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.36rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 0.9rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.bk_cp4 .bk2_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.22rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 0.95rem;
|
||||
}
|
||||
.bk_cp4 .bk2_p3 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.3rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 1.3rem;
|
||||
}
|
||||
.bk_cp4 .bk_img2 {
|
||||
width: 1.03rem;
|
||||
height: 0.41rem;
|
||||
float: left;
|
||||
margin-left: -1.25rem;
|
||||
margin-top: 1.9rem;
|
||||
}
|
||||
.bk_cp4 .bk_img1 {
|
||||
width: 2.6rem;
|
||||
height: 2.6rem;
|
||||
margin-left: 0.65rem;
|
||||
float: left;
|
||||
}
|
||||
.xpss img {
|
||||
width: 5.4rem;
|
||||
height: 0.92rem;
|
||||
margin-left: 0.5rem;
|
||||
margin-top: 0.33rem;
|
||||
}
|
||||
.xpss_nr .xp_cp {
|
||||
width: 2.77rem;
|
||||
height: 3.37rem;
|
||||
background: url(../img/xpbk.png) no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: 0.3rem;
|
||||
margin-top: 0.27rem;
|
||||
float: left;
|
||||
}
|
||||
.xpss_nr .xp_cp .xpss_img1 {
|
||||
width: 2.4rem;
|
||||
height: 2.4rem;
|
||||
margin-left: 0.16rem;
|
||||
}
|
||||
.xpss_nr .xp_cp .xpss_p1 del {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.16rem;
|
||||
font-weight: 300;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
.xpss_nr .xp_cp .xpss_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.4rem;
|
||||
color: #f1063a;
|
||||
font-weight: 800;
|
||||
margin-top: -0.25rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
.xpss_nr .xp_cp .xpss_img2 {
|
||||
width: 2.17rem;
|
||||
height: 0.39rem;
|
||||
margin-left: 0.25rem;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
361
hyhproject/mobile2/view/default/css/rebate.less
Executable file
361
hyhproject/mobile2/view/default/css/rebate.less
Executable file
@ -0,0 +1,361 @@
|
||||
body {
|
||||
background: #3d2467;
|
||||
height: 2000px;
|
||||
}
|
||||
|
||||
.banner img {
|
||||
width: 640/100rem;
|
||||
height: 718/100rem;
|
||||
}
|
||||
|
||||
.youhui {
|
||||
width: 595/100rem;
|
||||
height: 477/100rem;
|
||||
background: #5224a8;
|
||||
margin-left: 21/100rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.youhui .yhq {
|
||||
width: 590/100rem;
|
||||
}
|
||||
|
||||
.youhui .yhq_block {
|
||||
width: 138/100rem;
|
||||
height: 195/100rem;
|
||||
margin-left: 9/100rem;
|
||||
margin-top: 20/100rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.youhui .yhq_block img {
|
||||
width: 138/100rem;
|
||||
height: 195/100rem;
|
||||
}
|
||||
|
||||
.youhui .yhq_btn {
|
||||
width: 125/100rem;
|
||||
height: 35/100rem;
|
||||
background: #ffbd1f;
|
||||
border-radius: 20px;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15/100rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 6/100rem;
|
||||
left: 8/100rem;
|
||||
line-height: 35/100rem;
|
||||
}
|
||||
|
||||
.youhui .miaosha {
|
||||
width: 572/100rem;
|
||||
height: 205/100rem;
|
||||
background: url(../img/miaosha_bg.png) no-repeat;
|
||||
margin-left: 12/100rem;
|
||||
margin-top: 17/100rem;
|
||||
border-radius: 5px;
|
||||
padding-top: 10/100rem;
|
||||
}
|
||||
|
||||
.miaosha .mssp {
|
||||
width: 200/100rem;
|
||||
height: 200/100rem;
|
||||
background: #7fe4eb;
|
||||
border-radius: 50%;
|
||||
margin-left: 43/100rem;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.miaosha .mssp img {
|
||||
width: 230/100rem;
|
||||
height: 230/100rem;
|
||||
position: absolute;
|
||||
left: -18/100rem;
|
||||
top: -23/100rem;
|
||||
}
|
||||
|
||||
.miaosha .zdms {
|
||||
margin-left: 50/100rem;
|
||||
margin-top: 23/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.miaosha .zdms .ms_p1 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 30/100rem;
|
||||
color: #fefd21;
|
||||
}
|
||||
|
||||
.miaosha .zdms .ms_p2 {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 24/100rem;
|
||||
color: #fff;
|
||||
margin-left: 16/100rem;
|
||||
margin-top: 12/100rem;
|
||||
}
|
||||
|
||||
.miaosha .zdms img {
|
||||
width: 200/100rem;
|
||||
height: 45/100rem;
|
||||
margin-left: 23/100rem;
|
||||
margin-top: 30/100rem;
|
||||
}
|
||||
|
||||
.hengfu img {
|
||||
width: 100%;
|
||||
margin-top: 21/100rem
|
||||
}
|
||||
|
||||
.bktj img {
|
||||
width: 540/100rem;
|
||||
height: 92/100rem;
|
||||
margin-left: 50/100rem;
|
||||
margin-top: 33/100rem;
|
||||
}
|
||||
|
||||
.bk_cp1,
|
||||
.bk_cp2,
|
||||
.bk_cp3,
|
||||
.bk_cp4 {
|
||||
width: 633/100rem;
|
||||
height: 285/100rem;
|
||||
margin-top: 10/100rem;
|
||||
|
||||
}
|
||||
|
||||
.bk_cp1 {
|
||||
background: url(../img/bk_bg1.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.bk_cp2 {
|
||||
background: url(../img/bk_bg2.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.bk_cp3 {
|
||||
background: url(../img/bk_bg3.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.bk_cp4 {
|
||||
background: url(../img/bk_bg4.png) no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.bk_cp1 .bk_img1{
|
||||
width: 260/100rem;
|
||||
height: 260/100rem;
|
||||
margin-left: 65/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bk_cp1 .bk_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 36/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 80/100rem;
|
||||
margin-top: 30/100rem;
|
||||
}
|
||||
|
||||
.bk_cp1 .bk_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 25/100rem;
|
||||
}
|
||||
|
||||
.bk_cp1 .bk_p3{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 30/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 10/100rem;
|
||||
}
|
||||
|
||||
.bk_cp1 .bk_img2{
|
||||
width: 103/100rem;
|
||||
height: 41/100rem;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 25/100rem;
|
||||
}
|
||||
|
||||
.bk_cp3 .bk_img1{
|
||||
width: 260/100rem;
|
||||
height: 260/100rem;
|
||||
margin-left: 65/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.bk_cp3 .bk_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 36/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 80/100rem;
|
||||
margin-top: 30/100rem;
|
||||
}
|
||||
|
||||
.bk_cp3 .bk_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 25/100rem;
|
||||
}
|
||||
|
||||
.bk_cp3 .bk_p3{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 30/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 10/100rem;
|
||||
}
|
||||
|
||||
.bk_cp3 .bk_img2{
|
||||
width: 103/100rem;
|
||||
height: 41/100rem;
|
||||
float: left;
|
||||
margin-left: 95/100rem;
|
||||
margin-top: 25/100rem;
|
||||
}
|
||||
|
||||
.bk_cp2 .bk2_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 36/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 90/100rem;
|
||||
margin-top: 30/100rem;
|
||||
}
|
||||
.bk_cp2 .bk2_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 95/100rem;
|
||||
}
|
||||
.bk_cp2 .bk2_p3{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 30/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 130/100rem;
|
||||
}
|
||||
|
||||
.bk_cp2 .bk_img2{
|
||||
width: 103/100rem;
|
||||
height: 41/100rem;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 190/100rem;
|
||||
}
|
||||
|
||||
.bk_cp2 .bk_img1{
|
||||
width: 260/100rem;
|
||||
height: 260/100rem;
|
||||
margin-left: 65/100rem;
|
||||
float: left;
|
||||
}
|
||||
.bk_cp4 .bk2_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 36/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left: 90/100rem;
|
||||
margin-top: 30/100rem;
|
||||
}
|
||||
.bk_cp4 .bk2_p2{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 22/100rem;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 95/100rem;
|
||||
}
|
||||
.bk_cp4 .bk2_p3{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 30/100rem;
|
||||
color: #fdfd21;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 130/100rem;
|
||||
}
|
||||
|
||||
.bk_cp4 .bk_img2{
|
||||
width: 103/100rem;
|
||||
height: 41/100rem;
|
||||
float: left;
|
||||
margin-left:-125/100rem;
|
||||
margin-top: 190/100rem;
|
||||
}
|
||||
|
||||
.bk_cp4 .bk_img1{
|
||||
width: 260/100rem;
|
||||
height: 260/100rem;
|
||||
margin-left: 65/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.xpss img{
|
||||
width: 540/100rem;
|
||||
height: 92/100rem;
|
||||
margin-left: 50/100rem;
|
||||
margin-top: 33/100rem;
|
||||
}
|
||||
|
||||
.xpss_nr .xp_cp{
|
||||
width: 277/100rem;
|
||||
height: 337/100rem;
|
||||
background: url(../img/xpbk.png) no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: 30/100rem;
|
||||
margin-top: 27/100rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.xpss_nr .xp_cp .xpss_img1{
|
||||
width: 240/100rem;
|
||||
height: 240/100rem;
|
||||
margin-left: 16/100rem;
|
||||
}
|
||||
|
||||
.xpss_nr .xp_cp .xpss_p1 del{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 16/100rem;
|
||||
font-weight: 300;
|
||||
color: #5f5f5f;
|
||||
|
||||
}
|
||||
.xpss_nr .xp_cp .xpss_p1{
|
||||
font-family: "微软雅黑";
|
||||
font-size: 40/100rem;
|
||||
color: #f1063a;
|
||||
font-weight: 800;
|
||||
margin-top: -25/100rem;
|
||||
margin-left: 20/100rem;
|
||||
}
|
||||
|
||||
.xpss_nr .xp_cp .xpss_img2{
|
||||
width: 217/100rem;
|
||||
height: 39/100rem;
|
||||
margin-left: 25/100rem;
|
||||
margin-top: 15/100rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
36
hyhproject/mobile2/view/default/css/recharge.css
Executable file
36
hyhproject/mobile2/view/default/css/recharge.css
Executable file
@ -0,0 +1,36 @@
|
||||
.ui-radio input:checked:after{background:#f43d30;}
|
||||
.ui-grid-trisect{background-color:#fff; }
|
||||
.j-charge-money{display: none;}
|
||||
.charge-othermoney{width:1rem;height:0.29rem;}
|
||||
.j-show-box,.j-edit-box,.j-list-box,.wst-list-box{padding:5px 0px 20px 15px;}
|
||||
.j-list-box li{height:40px;line-height:40px;}
|
||||
.j-edit-box .rows{width:auto;height:auto;}
|
||||
.j-edit-box .label{float:left;width:120px;text-align:right;padding:2px 0px 2px 0px;}
|
||||
.j-edit-box .field{float:left;padding:2px 0px 2px 0px;}
|
||||
.field label{margin-right:20px;}
|
||||
#saveAddressBtn{margin-left:120px;}
|
||||
.j-show-box .address{line-height:36px;}
|
||||
.j-show-box .address a{color: #1c9eff;}
|
||||
.j-show-box .address a:hover{text-decoration:underline;}
|
||||
.j-default{padding:5px;background:#ccc;}
|
||||
.wst-frame1{border: 2px solid #e2e2e2;text-align:center;position:relative; }
|
||||
.wst-frame2{border: 2px solid #e2e2e2;text-align:center;border-radius: 10px;position:relative;padding: 0.2rem 0;font-size: 0.13rem; }
|
||||
.wst-frame2 div{line-height:normal; }
|
||||
.wst-frame2 div.charge-alone{line-height:0.3rem;font-size: 0.13rem;}
|
||||
.wst-frame1.j-selected i,.wst-frame2.j-selected i{font-size: 0;line-height: 0;background: url(../img/img_gd_sel.png) no-repeat 0 0;display: block; width: 11px;height: 11px;position: absolute;z-index: 1;right: -1px;bottom: -1px;}
|
||||
.wst-frame1.j-selected,.wst-frame2.j-selected{border: 2px solid #e4393c;}
|
||||
.tips-box{margin:0.1rem;}
|
||||
.paytype-term{padding:0 0.1rem 0 0.05rem;font-size: 0.14rem;border-bottom: 1px solid #f2f1f1;}
|
||||
.paytype-term label{position: absolute;top:23px;right:0;}
|
||||
.paytype-term i{display: block;width:44px;height: 44px;}
|
||||
.paytype-term .alipays{background: url(../img/pays-ali.png) center center no-repeat;background-size: 70%;}
|
||||
.paytype-term .weixinpays{background: url(../img/pays-weixin.png) center center no-repeat;background-size: 70%;}
|
||||
.paytype-term .unionpay{background: url(../img/pays-union.png) center center no-repeat;background-size: 70%;}
|
||||
.first-time{font-size: 0.15rem;color: #abaaaa;padding-left: 5px;margin-top: 10px;}
|
||||
.wst-re-button{height: 38px;line-height: 38px;font-size: 0.15rem;color: #fff;background: #e00102;border-radius: 3px;border-bottom: 1px solid #e00102;}
|
||||
.ui-checkbox input:before, .ui-checkbox-s input:before{font-size: 24px;color:#ff3c3c;}
|
||||
.ui-checkbox input:checked:before, .ui-checkbox-s input:checked:before{color:#ff3c3c;}
|
||||
.wst-re-info{margin:0.08rem 0;padding:0.1rem;background-color:#fff;font-size: 0.15rem;}
|
||||
.wst-re-info p{padding:0.05rem 0;color: #999;}
|
||||
.wst-re-info .balance{padding-left:0.2rem;font-size: 0.13rem;color:#df0202;}
|
||||
.wst-re-info .balance span{font-size: 0.15rem;}
|
||||
19
hyhproject/mobile2/view/default/css/security.css
Executable file
19
hyhproject/mobile2/view/default/css/security.css
Executable file
@ -0,0 +1,19 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-se-l{margin-top:8px}
|
||||
.wst-se-l .line{border-bottom:1px solid #edebeb}
|
||||
.wst-se-l span{width:23px;height:23px;display:block;margin-right:6px}
|
||||
.wst-se-l .pay{background:url(../img/icon_zhanghuanquan.png) 0 0 no-repeat;background-size:97%}
|
||||
.wst-se-l .phone{background:url(../img/icon_zhanghuanquan.png) 0 -53px no-repeat;background-size:97%}
|
||||
.wst-se-pay{font-size:.18rem;margin-top:8px;padding:12px 10px 2px 10px;background:#fff}
|
||||
.wst-se-pay .pay{padding-bottom:10px}
|
||||
.wst-se-pay .pay input{width:100%;padding:2px 2px 2px 5px;height:36px;border-radius:2px;border:1px solid #a0a0a0;font-size:.14rem;}
|
||||
.wst-se-footer{position:fixed;width:100%;z-index:100;left:0;bottom:0}
|
||||
.wst-se-footer .button{position:absolute;left:3%;bottom:10px;width:93%;margin-bottom:6px;font-size:.15rem;height:38px;line-height:38px;color:#fff;background:#e00102;border-radius:3px;border-bottom:1px solid #e00102}
|
||||
.wst-se-footer .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.wst-se-pay .verify{border-radius:2px;margin-bottom:10px;border:1px solid #a0a0a0}
|
||||
.wst-se-pay .verify input{width:60%;padding:2px 2px 2px 5px;height:36px;border-top-left-radius:2px;border-bottom-left-radius:2px;border:0;font-size:.14rem;}
|
||||
.wst-se-pay .verify button{float:right;height:36px;width:40%;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;font-size:.14rem;}
|
||||
.wst-se-pay .verify img{float:right;height:36px;width:40%;border-top-right-radius:2px;border-bottom-right-radius:2px}
|
||||
.wst-se-pay .phone{padding:10px;font-size:.15rem;}
|
||||
.wst-se-back{padding:10px;font-size:.14rem;}
|
||||
.wst-se-back a{color: #999;}
|
||||
87
hyhproject/mobile2/view/default/css/self_shop.css
Executable file
87
hyhproject/mobile2/view/default/css/self_shop.css
Executable file
@ -0,0 +1,87 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{background: #fff;}
|
||||
.ui-footer ~ .ui-container{border: 0px solid transparent;}
|
||||
.wst-se-header2 .ui-icon-return {color: #59595c;}
|
||||
.wst-se-header3{position: absolute;padding-left: 0;background: transparent;border-bottom: 0px;}
|
||||
.wst-se-search2{width: 66%;margin-right: 23%;}
|
||||
.wst-se-search2 input{background: rgba(255,255,255,0.5);}
|
||||
.wst-se-search2 input::-webkit-input-placeholder {color:#fff;}
|
||||
.wst-se-search2 input:-moz-placeholder {color:#fff;}
|
||||
.wst-se-search2 input::-moz-placeholder {color:#fff;}
|
||||
.wst-se-search2 inputt:-ms-input-placeholder {color:#fff;}
|
||||
.wst-se-header3 .ui-icon-return,.wst-se-header3 .ui-icon-search{color: #fff;}
|
||||
.wst-se-icon0{background: url(../img/classify.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-se-icon2{right: 40px;background: url(../img/cart.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-se-icon2 i{display: inline-block;text-align: center;background: #de0202;color: #fff;height: 15px;line-height: 15px;border-radius: 10px;padding: 0 5px;background-clip: padding-box;font-size: .1rem;position: absolute;top: 0;left: 20px;}
|
||||
.wst-sh-banner{display: block;width:100%;height:1.7rem;background:url(../img/default_shopbanner.png) center top no-repeat;background-size:cover}
|
||||
.shop-banner{width:100%;}
|
||||
.shop-photo{position: relative;}
|
||||
.shop-photo .photo{display: block;width:0.8rem;height:0.8rem;margin-left:0.1rem;padding:0.05rem;position: absolute;top:-0.42rem;background: #fff;border-radius: 3px;}
|
||||
.shop-photo .photo img{width:100%;height:100%;border: 1px solid #f2f1f1;border-radius: 2px;}
|
||||
.shop-photo .photo .name{position: absolute;left:-0.05rem;bottom:-0.28rem;width:2.6rem;font: 0.16rem/31px verdana;}
|
||||
.shop-photo .introduce{float:right;margin:0.1rem 0.1rem 0 0;font-size:0.14rem;color:#de0202;}
|
||||
.shop-info{padding-top:0.8rem;text-align:center;font-size:0.13rem;}
|
||||
.shop-btn{float:left;margin-left: 0.11rem;margin-top: 0.05rem;width:30px;height:30px;background: url(../img/follow-shop.png) 1px 3px no-repeat;background-size: 200%;}
|
||||
.shop-btn.follow{background: url(../img/follow-shop.png) -31px 3px no-repeat;background-size: 200%;}
|
||||
.shop-notice{padding:0.1rem;font-size:0.13rem;border-bottom: 0.05rem solid #f2f1f1;}
|
||||
.shop-notice .title{margin-bottom:0.05rem;font-size:0.15rem;}
|
||||
.shop-ads{margin:5px auto;width:100%;}
|
||||
.wst-gol-adsb{padding:0.05rem 0;height:110px;background:#fff;font-size:0.13rem;}
|
||||
.wst-gol-adsb p{float:left;width:100%;color:#de0202;text-align:center}
|
||||
.wst-gol-img{float:left;width:100%;height:100px;text-align:center;vertical-align:middle;display:block;position:relative;}
|
||||
.wst-gol-img a{width:100%;height:100px;display:table-cell;vertical-align:middle}
|
||||
.wst-gol-img a img{max-width:100px;max-height:100px}
|
||||
.shop-floor-title{background:#fff;padding-left:5px;height:33px;line-height:33px;font-size:0.15rem;margin-bottom:0.04rem;}
|
||||
.f0{border-left:3px solid #dc4bd1;color:#dc4bd1;}
|
||||
.f1{border-left:3px solid #8a5063;color:#8a5063;}
|
||||
.f2{border-left:3px solid #df2003;color:#df2003;}
|
||||
.f3{border-left:3px solid lightblue;color:lightblue;}
|
||||
.f4{border-left:3px solid #ff8043;color:#ff8043;}
|
||||
.f5{border-left:3px solid #24b0ed;color:#24b0ed;}
|
||||
.f6{border-left:3px solid green;color:green;}
|
||||
.shop-more{float:right;margin-right:5px;display:inline-block;padding-right:20px;position: relative;}
|
||||
.shop-more i{position: absolute;display: block;width:33px;height:33px;top:-6px;right:-7px;}
|
||||
.wst-shl-head{background:#fff;font-size:.158rem;color:#6a6b6d}
|
||||
.wst-shl-head .sorts{position:relative}
|
||||
.wst-shl-head .sorts p{height:22px;line-height:22px;padding:10px 15px 10px 0;text-align:center}
|
||||
.wst-shl-head .active{color:#de0202;border-bottom:2px solid #de0202}
|
||||
.wst-shl-head .sorts i{width:15px;height:15px;position:absolute;right:5px;top:13px}
|
||||
.wst-shl-head .sorts .up{background:url(../img/img_jgsx.png) 0 -19px no-repeat;background-size:285%}
|
||||
.wst-shl-head .sorts .up2{background:url(../img/img_jgsx.png) -28px -19px no-repeat;background-size:285%}
|
||||
.wst-shl-head .sorts .down{background:url(../img/img_jgsx.png) 0 2px no-repeat;background-size:285%}
|
||||
.wst-shl-head .sorts .down2{background:url(../img/img_jgsx.png) -28px 2px no-repeat;background-size:285%}
|
||||
.wst-in-goods{float: left;width: 50%;box-sizing: border-box;padding:5px;margin-bottom:0.04rem;font-size:0.14rem;background:#fff;color: #232326; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
.wst-in-goods.left{border-right: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods.right{border-left: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods .img{float:left;width:1.76rem;height:1.76rem;text-align:center;vertical-align:middle;display:block;position:relative}
|
||||
.wst-in-goods .img a{width:1.76rem;height:1.76rem;display:table-cell;vertical-align:middle}
|
||||
.wst-in-goods .img a img{max-width:1.76rem;max-height:1.76rem;}
|
||||
.wst-in-goods .name{float:left;width:100%;height:0.33rem;margin-top:3px;line-height:0.17rem}
|
||||
.wst-in-goods .info{float:left;width:100%;margin-top:0.05rem;}
|
||||
.wst-in-goods .info .price{float:left;font-size:0.13rem;color:#e00102;}
|
||||
.wst-in-goods .info .price span{font-size:0.166rem;}
|
||||
.wst-in-goods .info2{float:left;width:100%;font-size:0.11rem;}
|
||||
.wst-in-goods .info2 .price{float:left;color: #999;text-decoration:line-through;}
|
||||
.wst-in-goods .info2 .deal{float:right;color: #999;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;top:0;width:100%;height:100%;background:#f6f6f8;}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;border-bottom:1px solid #f6f6f8;;background:#fff;height:41px;line-height:41px;text-align:center;font-size: 14px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .button,.wst-cart-box .button{position:absolute;left:3%;bottom:0;width:93%;font-size:.185rem;height:40px;line-height:40px;color:#fff;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.wst-fr-box .button:not(.disabled):not(:disabled):active,.wst-cart-box .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.ui-scrollerl{width:24%;height:100%;overflow:hidden;background:#fff;position:fixed}
|
||||
.ui-scrollerl li{padding:13px 5px;font-size: 0.129rem;text-align:center}
|
||||
.wst-goodscate{color: #232326;border-top: 1px solid #f6f6f8;border-right: 1px solid #f6f6f8;border-left: 2px solid #f6f6f8;}
|
||||
.wst-goodscate_selected{color: #df0202;background: #f6f6f8;border-right: 1px solid #f6f6f8;border-left: 2px solid #df0202;}
|
||||
.wst-scrollerr{width:76%;float:right}
|
||||
.wst-scrollerr li{float:left;width:100%;font-size:.15rem;color:#000}
|
||||
.wst-goodsca{height:35px;background:#f2f2f2;margin-bottom:8px;}
|
||||
.wst-goodsca span{float:left;color: #232326;margin-top:8px;margin-left:8px;border-left:2px solid #fc786b;font-size: 0.13rem;}
|
||||
.wst-goodsca i{float:right;height:35px;margin-top:-6px;color:#fc786b}
|
||||
.wst-goodscat{float:left;width:94%;padding:0 0 12px 8px}
|
||||
.wst-goodscats{float:left;width:94%;padding:0 0 12px 8px}
|
||||
.wst-goodscat span{float:left;width:49%;padding:8px 0;text-align:center;background:#fff;border:0.01rem solid #f2f1f1;color: #686868;font-size: 0.12rem;}
|
||||
.wst-goodscat span a{color:#69696b}
|
||||
.notice{display:flex;align-items:center;padding:5px;margin-bottom:5px;background:#fff}
|
||||
.notice_img{width:20px;height:20px}
|
||||
.notice_txt{min-height:30px;flex:1;padding-left:6px}
|
||||
85
hyhproject/mobile2/view/default/css/settlement.css
Executable file
85
hyhproject/mobile2/view/default/css/settlement.css
Executable file
@ -0,0 +1,85 @@
|
||||
@CHARSET "UTF-8";
|
||||
.ui-list-link > li:after{color:#848484;}
|
||||
.wst-se-address{margin:10px 0px;padding-bottom:0.04rem;position: relative;}
|
||||
.wst-se-address:after {content: '';position: absolute;bottom: 0;left: -50%;width: 200%;height: 0.04rem;background: url(../img/line-address.png) 0px 0px;-webkit-transform: scale(0.5);}
|
||||
.wst-se-address .infot{color:#59595c;font-size:0.15rem;height: 22px;line-height: 22px;}
|
||||
.wst-se-address .infob{font-size:0.158rem;position: relative;text-indent:1em;height: 23px;line-height: 23px;}
|
||||
.wst-se-address .infob i{position: absolute;left:-23px;top:-12px;color:#df0001;}
|
||||
.wst-se-address .infono{color:#f8a106;height: 36px;line-height: 36px;}
|
||||
.wst-se-sh{padding:0px 10px 6px 10px;margin:5px 0px;font-size: 0.15rem;background:#ffffff;}
|
||||
.wst-se-sh .shopn{padding:6px 0px 2px 20px;position: relative;}
|
||||
.wst-se-sh .shopn i{position: absolute;display: block;bottom: 2px;left: 0;width: 20px;height: 20px;background: url(../img/icon_dp.png) 0px 1px no-repeat;background-size: 87%;}
|
||||
.wst-se-sh .goods .img{float: left;width: 100%;height: 70px;text-align: center;vertical-align: middle;display: block;}
|
||||
.wst-se-sh .goods{padding:5px 0px;border-bottom: 1px solid #f1f1f1;font-size:0.13rem;}
|
||||
.wst-se-sh .goods .img a{width: 100%;height: 70px;display: table-cell;vertical-align: middle;}
|
||||
.wst-se-sh .goods .img a img{max-width: 70px;max-height: 70px;}
|
||||
.wst-se-sh .name{padding:0px 5px;}
|
||||
.wst-se-sh .names{font-size: 0.14rem;}
|
||||
.wst-se-sh .spec{color: #a6a6a6;}
|
||||
.wst-se-sh .price,.wst-se-sh .number{text-align: right;font-size: 0.14rem;}
|
||||
.wst-se-sh .remarks,.wst-se-sh .cost{padding:5px 0px;}
|
||||
.wst-se-sh .cost span{float: right;color: #de0202;}
|
||||
.wst-se-sh .remarks textarea{width:100%;height: 30px;padding: 5px;}
|
||||
.wst-se-sh .remarks textarea:focus{height:58px;border:1px solid #3bb4f2;}
|
||||
.wst-se-mode .mode{border-bottom: 1px solid #f1f1f1;}
|
||||
.wst-se-mode .ui-txt-info{width:78%;text-align: right;}
|
||||
.ui-list li h4 {font-size: 0.15rem;}
|
||||
.wst-se-mode{font-size: 0.15rem;}
|
||||
.wst-se-total{height: 38px;line-height: 38px;padding:0px 10px;font-weight: bold;font-size: 0.17rem;}
|
||||
.wst-se-total span{float: right;color: #de0202;}
|
||||
.wst-se-confirm .button{position: absolute;left:3%;bottom:2px;width: 93%;margin-bottom:6px;height: 38px;line-height: 38px;color:#ffffff;background:#e00102;font-size: 0.15rem;border-radius:3px;border-bottom:1px solid #e00102;}
|
||||
.wst-se-confirm .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip: padding-box;}
|
||||
/*遮盖层*/
|
||||
.wst-cover{position:fixed;left:0px;top:0px;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60); /*设置透明度为60%*/opacity:0.6; /*非IE浏览器下设置透明度为60%*/z-Index:9999;display:none;}
|
||||
/*参数弹框*/
|
||||
.wst-fr-box{position: fixed;z-index: 9999;left:0px;bottom: -226px;width:100%;min-height:40%;background-color: #f6f6f8;font-size: 0.15rem;}
|
||||
.wst-fr-box .title{position: relative;padding:6px 0px;background-color: #ffffff;border-bottom: 1px solid #f1f1f1;}
|
||||
.wst-fr-box .title span{float: left;width: 100%;height: 26px;line-height: 26px;text-align: center;font-size: 15px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position: absolute;right:5px;top:-2px;font-size: 27px;}
|
||||
.wst-fr-box .content{padding:8px 0px 50px 0px;}
|
||||
.wst-fr-box .button,.wst-cart-box .button{position: absolute;left:3%;bottom:4px;width: 93%;height: 38px;line-height: 38px;color:#ffffff;background:#e00102;font-size: 0.15rem;border-radius:3px;border-bottom:1px solid #e00102;}
|
||||
.wst-fr-box .button:not(.disabled):not(:disabled):active,.wst-cart-box .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip: padding-box;}
|
||||
.wst-list-infose1{width:90%;padding-left: 0px;padding-top: 8px;padding-bottom: 8px;position: relative;}
|
||||
.wst-list-infose1 span{float:left;width:100%;height: 20px;line-height: 20px;font-size:0.14rem;}
|
||||
.wst-list-infose1 i{position: absolute;top:0;left:-13px;display: block;width:36px;height: 36px;}
|
||||
.wst-list-infose1 .alipays{background: url(../img/pays-ali.png) center center no-repeat;background-size: 70%;}
|
||||
.wst-list-infose1 .weixinpays{background: url(../img/pays-weixin.png) center center no-repeat;background-size: 70%;}
|
||||
.wst-list-infose1 .cod{background: url(../img/pays-cod.png) center center no-repeat;background-size: 70%;}
|
||||
.wst-list-infose1 .wallets{background: url(../img/pays-wallets.png) center center no-repeat;background-size: 70%;}
|
||||
.wst-list-infose1 .unionpay{background: url(../img/pays-union.png) center center no-repeat;background-size: 70%;}
|
||||
.ui-list{position: relative;}
|
||||
.ui-icon-push{position: absolute;top:0;right:0;width:32px;height: 36px;line-height: 36px;font-size: 0.32rem;}
|
||||
.wst-se-line{padding:0px 10px;}
|
||||
.wst-se-line p{border-bottom:1px solid #EDEDED;}
|
||||
.wst-fr-invoice{padding:0px 10px;background: #ffffff;font-size:0.18rem;}
|
||||
.wst-fr-invoice textarea{width: 100%;height: 46px;padding: 2px;}
|
||||
.wst-fr-invoice textarea:focus{border:1px solid #3bb4f2;}
|
||||
.wst-fr-score{padding-top:10px;}
|
||||
.wst-fr-score span{color:#e00102;}
|
||||
/* 发票信息层 */
|
||||
.invoice_box{position: fixed;z-index: 9999;right:-999px;bottom: 0px;width:100%;min-height:40%;background:#f2f2f2;font-size: 0.15rem;top:0;}
|
||||
.invoice_box .title,.wst-cart-box .title{position: relative;padding:6px 0px;border-bottom: 1px solid #f1f1f1;background-color: #fff;}
|
||||
.invoice_box .title span{float: left;width: 100%;height: 26px;line-height: 26px;text-align: center;font-size: 16px;}
|
||||
.invoice_box .title i,.wst-cart-box .title i{position: absolute;right:5px;top:-2px;font-size: 27px;}
|
||||
.invoice_box .content{margin-top:5px;background:#f2f2f2;overflow: scroll;min-height: 80%;}
|
||||
.inv_ul{margin-right: 15px;padding: 0 15px;position: relative;width: inherit;float: left;}
|
||||
.pdtb10{padding: 10px 0;}
|
||||
.inv_chk{position: absolute;left: 0;}
|
||||
.inv_item{padding: 15px 10px;background-color: #fff;}
|
||||
.inv_tit{color: #232326;font-size: 14px;padding-left: 5px;}
|
||||
.inv_hidebox{background-color: #fff;width: 100%;position: relative;display: none;}
|
||||
.inv_head_input{border: 0;border-radius: 3px;padding: 8px 0 8px 10px;width: 100%;color: #232326;font-size: 13px;background: #f0f2f5;padding-right: 30px;}
|
||||
#inv_headlist{display: none;position: absolute;z-index: 3;width: 100%;background-color: #fff;}
|
||||
.inv_list_item{width: 100%;background-color: #f0f2f5;}
|
||||
.inv_list_item li{padding-left: 10px;line-height: 35px;border-top: 1px solid #e0e0e0;-webkit-line-clamp: 1;}
|
||||
.inv_code_input{border: 0;border-radius: 3px;padding: 8px 0 8px 10px;height: 35px;width: 100%;color: #232326;font-size: 13px;background: #f0f2f5;padding-right: 30px;display: -webkit-box;}
|
||||
.inv_code_input::-webkit-input-placeholder{color:#f23030}
|
||||
.inv_code_input::-moz-placeholder{color:#f23030}
|
||||
.inv_code_input::-ms-input-placeholder{color:#f23030}
|
||||
.inv_code_inputbox{margin-top:10px}
|
||||
.inv_line{padding-bottom: 5px;border-bottom: 1px solid #ccc;}
|
||||
.none_float{float:inherit}
|
||||
.inv_tip{padding: 15px 10px;}
|
||||
.inv_tip li i{font-style: normal;font-size: 20px;font-weight: bold;margin-right: 5px;}
|
||||
.invoice_box .button{position: absolute;left:3%;bottom:4px;width: 93%;font-size: 0.185rem;height: 40px;line-height: 40px;color:#ffffff;background:#e00102;font-size: 0.18rem;border-radius:3px;border-bottom:1px solid #e00102;}
|
||||
.invoice_box .button:not(.disabled):not(:disabled):active,.wst-cart-box .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip: padding-box;}
|
||||
78
hyhproject/mobile2/view/default/css/shop_home.css
Executable file
78
hyhproject/mobile2/view/default/css/shop_home.css
Executable file
@ -0,0 +1,78 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{background: #fff;}
|
||||
.ui-footer ~ .ui-container{border: 0px solid transparent;}
|
||||
.wst-se-header2 .ui-icon-return {color: #59595c;}
|
||||
.wst-se-header3{position: absolute;padding-left: 0;background: transparent;border-bottom: 0px;}
|
||||
.wst-se-search2{width: 66%;margin-right: 23%;}
|
||||
.wst-se-search2 input{background: rgba(255,255,255,0.5);}
|
||||
.wst-se-search2 input::-webkit-input-placeholder {color:#fff;}
|
||||
.wst-se-search2 input:-moz-placeholder {color:#fff;}
|
||||
.wst-se-search2 input::-moz-placeholder {color:#fff;}
|
||||
.wst-se-search2 inputt:-ms-input-placeholder {color:#fff;}
|
||||
.wst-se-header3 .ui-icon-return,.wst-se-header3 .ui-icon-search{color: #fff;}
|
||||
.wst-se-icon0{background: url(../img/classify.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-se-icon2{right: 40px;background: url(../img/cart.png) center center no-repeat;background-size: 60%;}
|
||||
.wst-se-icon2 i{display: inline-block;text-align: center;background: #de0202;color: #fff;height: 15px;line-height: 15px;border-radius: 10px;padding: 0 5px;background-clip: padding-box;font-size: .1rem;position: absolute;top: 0;left: 20px;}
|
||||
.wst-sh-banner{display: block;width:100%;height:1.7rem;background:url(../img/default_shopbanner.png) center top no-repeat;background-size:cover}
|
||||
.shop-banner{width:100%;}
|
||||
.shop-photo{position: relative;}
|
||||
.shop-photo .photo{display: block;width:0.8rem;height:0.8rem;margin-left:0.1rem;padding:0.05rem;position: absolute;top:-0.42rem;background: #fff;border-radius: 3px;}
|
||||
.shop-photo .photo img{width:100%;height:100%;border: 1px solid #f2f1f1;border-radius: 2px;}
|
||||
.shop-photo .photo .name{position: absolute;left:-0.05rem;bottom:-0.28rem;width:2.6rem;font: 0.16rem/31px verdana;}
|
||||
.shop-photo .introduce{float:right;margin:0.1rem 0.1rem 0 0;font-size:0.14rem;color:#de0202;}
|
||||
.shop-info{padding-top:0.6rem;text-align:center;font-size:0.13rem;}
|
||||
.shop-btn{float:left;margin-left: 0.11rem;margin-top: 0.05rem;width:30px;height:30px;background: url(../img/follow-shop.png) 1px 3px no-repeat;background-size: 200%;}
|
||||
.shop-btn.follow{background: url(../img/follow-shop.png) -31px 3px no-repeat;background-size: 200%;}
|
||||
.shop-notice{padding:0.1rem;font-size:0.13rem;border-bottom: 0.05rem solid #f2f1f1;}
|
||||
.shop-notice .title{margin-bottom:0.05rem;font-size:0.15rem;}
|
||||
.shop-ads{margin:0 auto;width:100%;}
|
||||
.wst-sh-term{width:100%;border-bottom: 2px solid #ebebed;background:#fff;}
|
||||
.wst-sh-term li{float:left;height:20px;padding:10px 20px;font: bold 0.155rem/20px verdana;background:#fff;color:#000;}
|
||||
.wst-sh-term li.active{color:#de0202;}
|
||||
.wst-sh-term.active{position: fixed;top:0;left:0;z-index:100;}
|
||||
.wst-sh-index,.wst-sh-list{background: #f6f6f8;}
|
||||
.wst-sh-index .index,.wst-sh-list .index{display: block;width:100%;}
|
||||
.wst-sh-index .title{padding:0.1rem 0.1rem;font-size:0.15rem;background: #fff;border-bottom: 0.03rem solid #f6f6f8;}
|
||||
.wst-sh-list{display:none;}
|
||||
.wst-shl-head{background:#fff;font-size:.15rem;color:#6a6b6d;margin-bottom: 0.04rem;}
|
||||
.wst-shl-head .sorts{position:relative}
|
||||
.wst-shl-head .sorts p{height:22px;line-height:22px;padding:10px 15px 10px 0;text-align:center}
|
||||
.wst-shl-head .active{color:#de0202;}
|
||||
.wst-shl-head .sorts i{width:15px;height:15px;position:absolute;right:5px;top:13px}
|
||||
.wst-shl-head .sorts .up2{background: url(../img/img_jgsx.png) 4px -15px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down{background: url(../img/img_jgsx.png) 4px -32px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down2{background: url(../img/img_jgsx.png) 4px 2px no-repeat;background-size: 46%;}
|
||||
.wst-sh-goods{height: calc(100% - 0.8rem);height: -webkit-calc(100% - 0.8rem);height: -moz-calc(100% - 0.8rem);height: -ms-calc(100% - 0.8rem);height: -o-calc(100% - 0.8rem);}
|
||||
.wst-in-goods{float: left;width: 50%;box-sizing: border-box;padding:5px;margin-bottom:0.04rem;font-size:0.14rem;background:#fff;color: #232326;font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;}
|
||||
.wst-in-goods.left{border-right: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods.right{border-left: 0.02rem solid #f6f6f8;}
|
||||
.wst-in-goods .img{float:left;width:1.76rem;height:1.76rem;text-align:center;vertical-align:middle;display:block;position:relative}
|
||||
.wst-in-goods .img a{width:1.76rem;height:1.76rem;display:table-cell;vertical-align:middle}
|
||||
.wst-in-goods .img a img{max-width:1.76rem;max-height:1.76rem;}
|
||||
.wst-in-goods .name{float:left;width:100%;height:0.33rem;margin-top:3px;line-height:0.17rem}
|
||||
.wst-in-goods .info{float:left;width:100%;margin-top:0.05rem;}
|
||||
.wst-in-goods .info .price{float:left;font-size:0.13rem;color:#e00102;}
|
||||
.wst-in-goods .info .price span{font-size:0.166rem;}
|
||||
.wst-in-goods .info2{float:left;width:100%;font-size:0.11rem;}
|
||||
.wst-in-goods .info2 .price{float:left;color: #999;text-decoration:line-through;}
|
||||
.wst-in-goods .info2 .deal{float:right;color: #999;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;top:0;width:100%;height:100%;background:#f6f6f8;}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;border-bottom:1px solid #f6f6f8;;background:#fff;height:41px;line-height:41px;text-align:center;font-size: 14px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .button,.wst-cart-box .button{position:absolute;left:3%;bottom:0;width:93%;font-size:.185rem;height:40px;line-height:40px;color:#fff;background:#e00102;border-bottom:1px solid #e00102}
|
||||
.wst-fr-box .button:not(.disabled):not(:disabled):active,.wst-cart-box .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.ui-scrollerl{width:24%;height:100%;overflow:hidden;background:#fff;position:fixed}
|
||||
.ui-scrollerl li{padding:13px 5px;font-size: 0.129rem;text-align:center}
|
||||
.wst-goodscate{color: #232326;border-top: 1px solid #f6f6f8;border-right: 1px solid #f6f6f8;border-left: 2px solid #f6f6f8;}
|
||||
.wst-goodscate_selected{color: #df0202;background: #f6f6f8;border-right: 1px solid #f6f6f8;border-left: 2px solid #df0202;}
|
||||
.wst-scrollerr{width:76%;float:right}
|
||||
.wst-scrollerr li{float:left;width:100%;font-size:.15rem;color:#000}
|
||||
.wst-goodsca{height:35px;background:#f2f2f2;margin-bottom:8px;}
|
||||
.wst-goodsca span{float:left;color: #232326;margin-top:8px;margin-left:8px;border-left:2px solid #fc786b;font-size: 0.13rem;}
|
||||
.wst-goodsca i{float:right;height:35px;margin-top:-6px;color:#fc786b}
|
||||
.wst-goodscat{float:left;width:94%;padding:0 0 12px 8px}
|
||||
.wst-goodscats{float:left;width:94%;padding:0 0 12px 8px}
|
||||
.wst-goodscat span{float:left;width:49%;padding:8px 0;text-align:center;background:#fff;border:0.01rem solid #f2f1f1;color: #686868;font-size: 0.12rem;}
|
||||
.wst-goodscat span a{color:#69696b}
|
||||
.pd0{padding-right:6px!important}
|
||||
20
hyhproject/mobile2/view/default/css/shops.css
Executable file
20
hyhproject/mobile2/view/default/css/shops.css
Executable file
@ -0,0 +1,20 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-shop{padding-top:5px}
|
||||
.wst-shop-home-bg{margin:0 auto;width:100%;height:190px;background:url(../img/default_shopbanner.png) center top no-repeat;background-size:cover}
|
||||
.wst-shop-photo{width:50px;height:50px;margin:0 auto;padding-top:20px;padding-bottom:10px;}
|
||||
.wst-shop-photo img{width:100%;height:100%;border-radius:50%}
|
||||
.wst-shop-name{font-size:0.19rem}
|
||||
.wst-shop-name{width:100%;height:30px;text-align:center;color:#fff}
|
||||
.shop-home-btn-box{width:70%;margin:10px auto;height:30px}
|
||||
.shop-home-btn img{position:absolute;width:16px;height:15px;margin-top:4px;left:8px}
|
||||
.shop-home-btn{position:relative;background:transparent;height:25px;line-height:25px;color:#fff;border:1px solid #fff;padding:0!important;font-size:.13rem;width:25px;padding-left:8px!important}
|
||||
.shop-home-btn:before{border: none;}
|
||||
.shop-home-btn:not(.disabled):not(:disabled):active{background:transparent;color:fff;}
|
||||
.f-btn,.f-btn:not(.disabled):not(:disabled):active{background:#fff;color:#e8121e}
|
||||
.f-btn:before{border: none;}
|
||||
.score-box{margin:0 auto;width:100%;height:35px;margin-top:10px}
|
||||
.score-item{color:#fff;padding-top:5px;text-align:center;font-size:.13rem;}
|
||||
.wst-shop-home-info{margin-top:10px;font-size:.14rem;width:100%;height:300px}
|
||||
.wst-shop-home-view{margin-top:8px;width:100%;height:80px;position:fixed}
|
||||
.shop-info li{padding:0.08rem 0.1rem;border-bottom:1px solid #e7e7e7}
|
||||
.shop-qrcode{margin-top:30px;text-align:center}
|
||||
50
hyhproject/mobile2/view/default/css/shops_list.css
Executable file
50
hyhproject/mobile2/view/default/css/shops_list.css
Executable file
@ -0,0 +1,50 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-shl-adsb{padding:0.05rem 0;height:110px;background:#fff;}
|
||||
.wst-shl-adsb img{width:100%;height:100%;display:block}
|
||||
.wst-shl-head{background:#fff;font-size:0.14rem;color:#232326;}
|
||||
.wst-shl-head .choice{width:65%;height:20px;line-height:22px;margin:0 auto;padding:9px 0}
|
||||
.wst-shl-head .active{color:#de0202;}
|
||||
.wst-shl-head .active select{color:#de0202}
|
||||
.wst-shl-select select{color:#232326;;padding-right:0}
|
||||
.wst-shl-select:after{color:#232326;}
|
||||
.wst-shl-select.active:after{color:#de0202}
|
||||
.ui-select:after{display:none}
|
||||
.wst-shl-head .evaluate{text-align:center;position:relative}
|
||||
.wst-shl-head .evaluate i{width:15px;height:15px;position:absolute;right:36px;top:12px}
|
||||
.wst-shl-head .sorts .up2{background: url(../img/img_jgsx.png) 4px -15px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down{background: url(../img/img_jgsx.png) 4px -32px no-repeat;background-size: 46%;}
|
||||
.wst-shl-head .sorts .down2{background: url(../img/img_jgsx.png) 4px 2px no-repeat;background-size: 46%;}
|
||||
.wst-current{color:#e77f74}
|
||||
.wst-shl-list{padding:5px 10px;margin-top:5px;background:#fff; }
|
||||
.wst-shl-list .img{width: 100%; float:left;text-align:center;vertical-align:middle;display:block;position:relative;font-size:0.15rem;}
|
||||
.wst-shl-list .img a{width:100%;height:55px;display:table-cell;vertical-align:middle; border:1px solid #eee;}
|
||||
.wst-shl-list .info{padding-left:16px}
|
||||
.wst-shl-list .title{margin-bottom:0;font-size:0.11rem;color:#363638;font-weight: bold;}
|
||||
.wst-shl-list p{font-size:0.10rem;height:0.2rem;}
|
||||
.wst-shl-list p img{width:0.16rem}
|
||||
.wst-shl-list p span{float:left}
|
||||
.wst-shl-list p i{float:left;width:0.12rem;height:0.16rem;margin:0.01rem 0.03rem 0 0}
|
||||
.wst-shl-list p .bright{background:url(../img/img_dpjpj.png) 0 0 no-repeat;background-size:300%}
|
||||
.wst-shl-list p .dark{background:url(../img/img_dpjpj.png) -0.3rem 0 no-repeat;background-size:300%}
|
||||
.wst-brands{float:left;width:50%;height:1rem;margin-top:10px;padding:0 0.1rem;box-sizing:border-box}
|
||||
.wst-brands.left{padding-right:0.05rem;}
|
||||
.wst-brands.right{padding-left:0.05rem;}
|
||||
.wst-brands_img{height:0.8rem;padding:5px 0 5px 2px;background:#fff;box-shadow:0 1px 2px #f1f0f0}
|
||||
.wst-brands_img a{width:100%;height:0.8rem;text-align:center;display:table-cell;vertical-align:middle}
|
||||
.wst-brands img{max-width:0.9rem;max-height:0.8rem;border-radius:3px}
|
||||
.wst-brands span{float:left;font-size:0.13rem;line-height:0.8rem;width:0.65rem;height:0.8rem;margin-left:4px;padding:0 0.05rem;border-left:1px solid #e6e6e6;}
|
||||
.goods-box{padding:0!important;}
|
||||
.goodsImg a{width:100%;height:70px;display:table-cell;vertical-align:middle; }
|
||||
.goodsImg img{width:70px;height:70px; }
|
||||
.goods-item{margin-right: 5px;width:24%; position: relative;float:left;text-align:center;vertical-align:middle;display:block;position:relative;font-size:0.15rem;}
|
||||
.goods-item img{border:1px solid #eee;}
|
||||
.goodsPrice{color: red;}
|
||||
.shop-box{margin:10px 0;background:#fff}
|
||||
.f-chk{position:absolute;top:85px;left:0}
|
||||
.s-active{top:-90px;left:-10px}
|
||||
.f-shop-header img{height:60px;width:60px;}
|
||||
.f-shop-header{position:relative;padding:10px 0;min-height:75px!important}
|
||||
.ui-row-flex-ver .ui-col{width:100%;height:initial}
|
||||
.f-shopname{float:left;line-height:25px;font-size:.16rem}
|
||||
.f-goshops{float:right;text-align:right;color:#ccc;font-size:.15rem;height: 20px;}
|
||||
.wst-action{margin-top: 5px; ;display: inline-block;height: 25px;width: 90%;font-size: 0.14rem;color: red; line-height: 25px;text-align: center;border-radius: 10px;border: 1px solid red;}
|
||||
15
hyhproject/mobile2/view/default/css/swiper.min.css
vendored
Executable file
15
hyhproject/mobile2/view/default/css/swiper.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
110
hyhproject/mobile2/view/default/css/user.css
Executable file
110
hyhproject/mobile2/view/default/css/user.css
Executable file
@ -0,0 +1,110 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{background:#f5f5f5}
|
||||
.wst-users_info{background: url(../img/user.png) center top no-repeat;background-size: cover;padding:0.5rem 0;color:#fff;position: relative;}
|
||||
.wst-users_infol{float:left;margin-left: 0.28rem;}
|
||||
.wst-users_infol img{width:0.67rem;border-radius:1000px;border: 2px solid #f2f1f1;}
|
||||
.wst-users_infor{float:left;width:55.666%;padding-left:0.1rem;}
|
||||
.wst-msg-icon{position: absolute;display: block;right:0.15rem;top:0.1rem;width:26px;height:25px;background: url(../img/message-icon.png) center center no-repeat;background-size: 80%;}
|
||||
.wst-msg-icon .number{position: absolute;top:-0.03rem;right:-0.1rem;min-width:0.16rem;display: inline-block;text-align: center;background: #f74c31;color: #fff;font-size: 0.1rem;height: 15px;line-height: 15px;-webkit-border-radius: 8px;padding: 0 3px;background-clip: padding-box;}
|
||||
.wst-info-icon{position: absolute;top:0.1rem;right:0.5rem;width:26px;height:26px;line-height: 26px;color: #fff;font-size: 0.28rem;}
|
||||
.wst-users_infortop{margin-top:9px;font-size:.16rem;}
|
||||
.wst-users_infortop img{position: relative;top:2px;left:5px;width: 15px;height: 15px;}
|
||||
.wst-users_inforbo{font-size:.13rem;}
|
||||
.wst-users_icon{padding:0.15rem 0;background:#FFF;}
|
||||
.wst-users_icon span{font-size:.13rem}
|
||||
.wst-users_icon p{margin:0 auto;width:38px;height:36px}
|
||||
.wst-users_icon p i{float:left;width:38px;height:36px}
|
||||
.wst-users_capital{padding:0.15rem 0;background:#FFF;}
|
||||
.wst-users_capital p{font-size: 0.165rem;color: #ec5151;padding:0 0.1rem ;}
|
||||
.wst-users_capital span{font-size:.13rem}
|
||||
.wst-us-sign{float:left;width:100%;height:100%;position: relative;}
|
||||
.wst-us-sign .sign{position: absolute;right:0;bottom:0;width:62px;height:39px;margin-right:0.1rem;background: url(../img/sign-icon.png) center center no-repeat;background-size: cover;}
|
||||
.wst-us-sign .sign2{background: url(../img/sign-icon2.png) center center no-repeat;background-size: cover;}
|
||||
.user-order{margin-top:0.1rem;font-size:0.15rem;background:#ffffff;}
|
||||
.user-order .order-icon{float:left;width:17px;height:17px;margin-right:5px;background:url(../img/user-order-icon.png) no-repeat;background-size:cover;}
|
||||
.user-order .wallet-icon{float:left;width:17px;height:17px;margin-right:5px;background:url(../img/user-wallet-icon.png) no-repeat;background-size:cover;}
|
||||
.user-order .tool-icon{float:left;width:17px;height:17px;margin-right:5px;background:url(../img/user-tool-icon.png) no-repeat;background-size:cover;position: relative;top:1px;}
|
||||
.user-order .order{margin-left:0.1rem;padding:0.1rem 0.1rem 0.1rem 0;line-height: 0.22rem;border-bottom:1px solid #f2f1f1;}
|
||||
.view-order{text-align:right;padding-right:5px;font-size:.13rem;color:#a2a0a0}
|
||||
.wst-users_icon1,.wst-users_icon2,.wst-users_icon3,.wst-users_icon4,.wst-users_icon5{background:url(../img/users_icon.png) no-repeat;background-size:963%}
|
||||
.wst-users_icon1{background-position:-29px -7px}
|
||||
.wst-users_icon2{background-position:-94px -7px}
|
||||
.wst-users_icon3{background-position:-159px -7px}
|
||||
.wst-users_icon4{background-position:-224px -7px}
|
||||
.wst-users_icon5{background-position:-289px -7px}
|
||||
.wait-payment{height:16px;line-height:16px;font-size:.11rem!important;position:absolute;left:24px;top:-3px;min-width:16px;text-align:center;border-radius:5px;color:#fff;background:#de0202;padding:0;border-radius:50%;right:0}
|
||||
.msg-red-icon{top:-53px;left:57px}
|
||||
.border-b{border-bottom:1px solid #e7e7e7}
|
||||
.user-icon-box{padding:5px 0;min-width:24%;min-height:85px;padding-bottom:5px;background:#fff;}
|
||||
.user-icon-box span{font-size:0.13rem}
|
||||
.user-icon-box:active{background:#e7e7e7!important}
|
||||
.user-icon-box p{margin:0 auto;width:39px;height:42px}
|
||||
.user-icon-box i{float:left;width:38px;height:38px}
|
||||
.user-icon1,.user-icon2,.user-icon3,.user-icon4,.user-icon5,.user-icon6,.user-icon7,.user-icon8,.user-icon9,.user-icon10,.user-icon11{background:url(../img/img_users_icon.png) no-repeat;background-size:1050%}
|
||||
.user-icon1{background-position:-31px -18px}
|
||||
.user-icon2{background-position:-130px -18px}
|
||||
.user-icon3{background-position:-206px -14px;background-size:945%}
|
||||
.user-icon4{background-position:-292px -13px;background-size:938%}
|
||||
.user-icon5{background-position:-28px -110px;background-size:988%}
|
||||
.user-icon6{background-position:-125px -112px;background-size:1008%}
|
||||
.user-icon7{background-position:-210px -139px}
|
||||
.user-icon8{background-position:-300px -139px}
|
||||
.user-icon9{background-position:-25px -191px;background-size:927%}
|
||||
.user-icon10{background-position:-119px -199px}
|
||||
.user-icon11{background-position:-204px -192px;background-size:943%}
|
||||
.wst-users_list{border-top:2px solid #ededed}
|
||||
.wst-users_list1{border-top:2px solid #ededed;border-bottom:2px solid #ededed}
|
||||
.wst-list-thumb-sus{width:50px;height:50px;position:relative}
|
||||
.wst-list-thumb-sus>span{display:block;width:100%;height:100%;z-index:1;background-repeat:no-repeat;-webkit-background-size:cover}
|
||||
.ui-list>li{margin-left:0}
|
||||
.wst-users_chart1{background:url(../img/mine-icon.png) 2px 0 no-repeat}
|
||||
.wst-users_chart2{background:url(../img/mine-icon.png) -46px 0 no-repeat}
|
||||
.wst-users_chart3{background:url(../img/mine-icon.png) -100px 0 no-repeat}
|
||||
.wst-users_chart4{background:url(../img/mine-icon.png) -149px 0 no-repeat}
|
||||
.wst-users_chart5{background:url(../img/mine-icon.png) -199px 0 no-repeat}
|
||||
.wst-users_chart6{background:url(../img/mine-icon.png) -246px -1px no-repeat}
|
||||
.wst-users_chart7{background:url(../img/mine-icon.png) -292px -1px no-repeat}
|
||||
.ui-badge-corner{border:0}
|
||||
.wst-message_icon{position:absolute;height:19px;line-height:19px;font-size:12px;min-width:19px;-webkit-border-radius:10px;top:17px;left:110px;display:inline-block;text-align:center;background:#f74c31;color:#fff;font-size:11px;height:16px;line-height:16px;-webkit-border-radius:8px;padding:0 6px;background-clip:padding-box}
|
||||
.wst-lo-choice{margin:50px 20px 0 20px;border-radius:10px;padding-bottom:20px;font-size:.158rem}
|
||||
.wst-lo-choice .img{text-align:center}
|
||||
.wst-lo-choice .img img{width:65px;border:2px solid #d4d3d3;border-radius:1000px;padding:2px}
|
||||
.wst-lo-choice .name{height:50px;line-height:50px;text-align:center;font-weight:bolder}
|
||||
.wst-lo-choice .prompt{height:20px;line-height:20px;text-align:center;padding-bottom:42px}
|
||||
.wst-lo-choice .choice{text-align:center}
|
||||
.wst-lo-choice .choice .button0{width:100%;height:38px;border-radius:1000px;font-size:.159rem;color:#fff;background:#04be02}
|
||||
.wst-lo-choice .choice .button0:not(.disabled):not(:disabled):active{color:#f7fdf7;background:#06c804;background-clip:padding-box}
|
||||
.wst-lo-choice .choice .button1{width:100%;height:38px;border-radius:1000px;font-size:.159rem;color:#59595c;background:#fff;border:1px solid #d4d3d3;margin-top:10px}
|
||||
.wst-lo-choice .choice .button1:not(.disabled):not(:disabled):active{color:#56565d;background:#f8f7f7;background-clip:padding-box}
|
||||
.wst-lo-frame{font-size:.16rem;margin-top:8px;padding:12px 10px 2px 10px;background:#fff}
|
||||
.wst-lo-frame .frame{padding:0.05rem 0px;position: relative;}
|
||||
.wst-lo-frame .frame p{display: inline-block;float: right;margin-right: 20px;}
|
||||
.wst-lo-frame .frame:after {content: '';position: absolute;bottom: 0;left: -50%;width: 200%;height: 0.01rem;background: #d9d9d9;-webkit-transform: scale(0.5);}
|
||||
.wst-lo-frame .frame input{width:100%;padding-left:5px;height:0.38rem;border:0;font-size:.15rem;}
|
||||
.wst-lo-frame .verify{padding:0.05rem 0px;border:0;position: relative;}
|
||||
.wst-lo-frame .verify:after {content: '';position: absolute;bottom: 0;left: -50%;width: 200%;height: 0.01rem;background: #d9d9d9;-webkit-transform: scale(0.5);}
|
||||
.wst-lo-frame .verify input{width:60%;padding-left:5px;height:0.38rem;border-top-left-radius:2px;border-bottom-left-radius:2px;border:0;font-size:.15rem;}
|
||||
.wst-lo-frame .verify button{float:right;height:0.36rem;line-height: 0.36rem;width:40%;font-size:.14rem;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;background-color: #ffffff;background-image:none;color:#ff3c3c;border:1px solid #ff3c3c;}
|
||||
.wst-lo-frame .verify button:not(.disabled):not(:disabled):active{background-color: #ffffff;color:#df0202;border:1px solid #df0202;}
|
||||
.wst-lo-frame .verify img{float:right;height:0.36rem;width:40%;border-top-right-radius:2px;border-bottom-right-radius:2px}
|
||||
.wst-lo-button{padding:30px 10px 0 10px}
|
||||
.wst-lo-button .button{width:100%;bottom:10px;margin-bottom:6px;height:0.45rem;line-height:0.45rem;color:#fff;background:#ff3c3c;font-size:.15rem;border-radius:3px;border:1px solid #ff3c3c;}
|
||||
.wst-lo-button .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;bottom:0;width:100%;min-height:40%;background:#fff;font-size:.15rem}
|
||||
.wst-fr-box .title,.wst-cart-box .title{position:relative;padding:6px 0;border-bottom:1px solid #f1f1f1}
|
||||
.wst-fr-box .title span{float:left;width:100%;height:26px;line-height:26px;text-align:center;font-size:16px;}
|
||||
.wst-fr-box .title i,.wst-cart-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .codebutton{float:right;width:70%;padding:0 10px;font-size:.12rem;height:36px;line-height:36px;margin-right:10px}
|
||||
.wst-lo-term{margin-top:20px;padding:0 10px;}
|
||||
.wst-lo-term .term{color: #7f7f7f;font-size:.13rem}
|
||||
.wst-lo-agreement{position: relative;height:20px;line-height:20px;padding: 12px 10px 10px 35px;font-size:.14rem;}
|
||||
.wst-lo-agreement i{position: absolute;top:-1px;left:5px;}
|
||||
.wst-lo-agreement span{color: #ff3c3c;}
|
||||
.wst-fr-protocol{position: fixed; z-index: 9999; right: -999px; top:0px; width: 100%; height: 100%; background: #ffffff; font-size: 0.15rem; color:#000;}
|
||||
.wst-fr-protocol .title{height: auto;color: #222;position: relative;background: #ffffff;border-bottom: 1px solid #e8e8e8;}
|
||||
.wst-fr-protocol .title span{float: left;width: 100%;height: 41px;line-height: 41px;text-align: center;font-size: 16px;}
|
||||
.wst-fr-protocol .title i{position: absolute;right:5px;top:-1px;color: #222;font-size: 27px;}
|
||||
.wst-fr-protocol .content{padding:10px;}
|
||||
.wst-fr-protocol .content img{width: 100%;}
|
||||
.wst-mar{margin-left: 5px;}
|
||||
26
hyhproject/mobile2/view/default/css/userinfo.css
Executable file
26
hyhproject/mobile2/view/default/css/userinfo.css
Executable file
@ -0,0 +1,26 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-useri_portrait{margin-top:-10px;width:65px;border-radius:1000px}
|
||||
.wst-useri_line{border-bottom:1px solid #ededed}
|
||||
.uploadfile-input{width:35%;height:90px;position:absolute;right:0;top:0;opacity:0;z-index:100}
|
||||
.wst-useri_determine{position:relative;font-size:16px;height:44px;line-height:44px;padding-right:26px;padding-left:15px;font-size:.18rem;padding-top:7px;padding-bottom:7px;margin-top:6px}
|
||||
.wst-useri_determine input{float:left;width:100%;height:40px;border:1px solid #ccc;border-radius:6px;padding-left:8px;font-size:.15rem}
|
||||
.wst-listse li{border-bottom:1px solid #ededed}
|
||||
.wst-list-infose1{width:90%;padding-top:12px;padding-bottom:12px;}
|
||||
.wst-list-infose1 span{float:left;width:100%;font-size:.15rem}
|
||||
.wst-list-infose2{float:right;width:32px;margin-top:-45px}
|
||||
.wst-icon-checked-s_se{color:#de0301}
|
||||
.wst-fav_search{height:30px;width:62%;float:left;background:#FFF;border:1px solid #ccc;border-radius:15px;-webkit-box-sizing:border-box;-webkit-box-pack:center;margin-left:50px;margin-top:8px}
|
||||
.wst-fav_search span{width:25px;float:left;margin-top:-7px}
|
||||
.wst-fav_search input{float:left;width:80%;margin-top:6px;border:0}
|
||||
.wst-fav_searchs{font-size:.17rem;margin-right:8px;line-height:45px;float:right;color:#FFF}
|
||||
.wst-fav_list{margin-top:5px;border-bottom:1px solid #ddd}
|
||||
.wst-fav_listl{width:85px;margin:0 auto}
|
||||
.wst-fav_listl img{width:85px;height:85px}
|
||||
.wst-fav_listr button{float:right;color:#504f4f;width:74px;background:#e6e6e6}
|
||||
.wst-fav_listr1{margin-top:8px;font-size:.16rem}
|
||||
.wst-fav_listr2{height:30px;color:#ef641f;font-size:.2rem;margin-bottom:3px}
|
||||
.wst-fav_listr2 span{float:right;width:30px;height:30px}
|
||||
.wst-fav_listr2 img{width:30px;height:30px}
|
||||
.wst-fav_listr button:not(.disabled):not(:disabled):active,.wst-fav_listr button.active{background:#b7ada9;border-color:#e6e6e6;color:#504f4f;background-clip:padding-box}
|
||||
.wst-ed-info li,.wst-ed-info li h4{font-size:.15rem;}
|
||||
.wst-ed-button{height: 38px;line-height: 38px;font-size: 0.15rem;color: #fff;background: #e00102;border-radius: 3px;border-bottom: 1px solid #e00102;}
|
||||
20
hyhproject/mobile2/view/default/css/userscores.css
Executable file
20
hyhproject/mobile2/view/default/css/userscores.css
Executable file
@ -0,0 +1,20 @@
|
||||
@CHARSET "UTF-8";
|
||||
.head{min-height:77px;color:#fff;background:url(../img/icon_userscores.png) no-repeat;background-size:cover;}
|
||||
.head-btn{padding:0 75px;font-size:15px}
|
||||
.user_scores{font-size:0.16rem;margin-top: 20px;}
|
||||
.user_scores p{text-align: right;}
|
||||
.ui-btn-lg{font-size:14px;height:24px;line-height:23px;display:block;width:100%;border-radius:3px;background:transparent;border:1px solid #fff;color:#fff}
|
||||
.ui-btn-lg:active{background:#fff!important;border:1px solid #ff5e45!important;color:#ff5e45!important}
|
||||
.score-detail{padding:10px}
|
||||
.score-detail-title{padding:10px;font-size:.15rem;border-bottom:1px solid #eaeaea;font-weight: bold;}
|
||||
.score-reduce{font-weight:bold;padding:15px 0;text-align:right;color:#18c328;font-size:.14rem;}
|
||||
.score-plus{font-weight:bold;padding:15px 0;text-align:right;color:#f81d1d;font-size:.14rem;}
|
||||
.score-line{border-bottom:1px solid #eaeaea;margin-bottom:5px;margin-top:8px}
|
||||
.wst-re-info{font-size:.14rem;position: relative;padding-bottom:0.2rem;}
|
||||
.score-time{position: absolute;bottom:0;left:0;color:#8c8c8c;font-size:0.12rem;}
|
||||
.wst-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
|
||||
.wst-fr-box{position:fixed;z-index:9999;right:-999px;bottom:0;width:100%;min-height:40%;background-color:#f6f6f8;font-size:.15rem}
|
||||
.wst-fr-box .title{height: auto;background: #fff;position: relative;padding: 6px 0;border-bottom: 1px solid #f1f1f1;}
|
||||
.wst-fr-box .title span{float: left;width: 100%;height: 26px;line-height: 26px;text-align: center;font-size: 14px;}
|
||||
.wst-fr-box .title i{position:absolute;right:5px;top:-2px;font-size:27px}
|
||||
.wst-fr-box .content{padding:5px 5px 5px 5px;}
|
||||
37
hyhproject/mobile2/view/default/css/userset.css
Executable file
37
hyhproject/mobile2/view/default/css/userset.css
Executable file
@ -0,0 +1,37 @@
|
||||
@CHARSET "UTF-8";
|
||||
body{background: #fff;}
|
||||
.wst-se-l .line{border-bottom:1px solid #edebeb}
|
||||
.wst-se-l span{width:23px;height:23px;display:block;margin-right:6px}
|
||||
.wst-se-l .pay{background:url(../img/icon_user_info.png) 0 0 no-repeat;background-size:97%}
|
||||
.wst-se-l .safety{background:url(../img/icon_user_safety.png) 0 0 no-repeat;background-size:97%}
|
||||
.wst-se-l .about{background:url(../img/icon_user_about.png) 0 0 no-repeat;background-size:97%}
|
||||
.wst-se-pay{font-size:.18rem;margin-top:8px;padding:12px 10px 2px 10px;background:#fff}
|
||||
.wst-se-pay .pay{padding-bottom:10px}
|
||||
.wst-se-pay .pay input{width:100%;padding:2px 2px 2px 5px;height:36px;border-radius:2px;border:1px solid #a0a0a0;font-size:.14rem;}
|
||||
.wst-se-footer{position:fixed;width:100%;z-index:100;left:0;bottom:0}
|
||||
.wst-se-footer .button{position:absolute;left:3%;bottom:10px;width:93%;margin-bottom:6px;font-size:.15rem;height:38px;line-height:38px;color:#fff;background:#e00102;border-radius:3px;border-bottom:1px solid #e00102}
|
||||
.wst-se-footer .button:not(.disabled):not(:disabled):active{color:#fff0f0;background:#f52f30;background-clip:padding-box}
|
||||
.wst-se-pay .verify{border-radius:2px;margin-bottom:10px;border:1px solid #a0a0a0}
|
||||
.wst-se-pay .verify input{width:60%;padding:2px 2px 2px 5px;height:36px;border-top-left-radius:2px;border-bottom-left-radius:2px;border:0;font-size:.14rem;}
|
||||
.wst-se-pay .verify button{float:right;height:36px;width:40%;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;font-size:.14rem;}
|
||||
.wst-se-pay .verify img{float:right;height:36px;width:40%;border-top-right-radius:2px;border-bottom-right-radius:2px}
|
||||
.wst-se-pay .phone{padding:10px;font-size:.15rem;}
|
||||
.wst-se-back{padding:10px;font-size:.14rem;}
|
||||
.wst-se-back a{color: #999;}
|
||||
.logout{padding: 0.1rem 1.1rem; margin-top: 20px;}
|
||||
.logout-btn {font-size: .15rem;height: 30px;line-height: 30px;background: #e00102;border-bottom: 1px solid #e00102;}
|
||||
.wst-about{width: 99.2%;height: auto;}
|
||||
.wst-about p{text-align: center;font-size: .15rem;color: #777;font-weight: bold;}
|
||||
.wst-about .wst-brand{width: 120px;height: 60px;margin: 60px auto;margin-bottom: 10px;}
|
||||
.wst-about .wst-brand img{width: 100%;height: 100%;}
|
||||
.wst-about .wst-version{width: 100%;height: 20px;}
|
||||
.wst-border{width:70%; height:1px;margin:0 auto;background: #eee;margin-top: 20px;}
|
||||
.wst-about .wst-left{width: 23%;height:100%;display: inline-block; }
|
||||
.wst-about .wst-center{text-align: center; width: 46%;overflow: hidden; white-space: nowrap; display: inline-block;line-height: 40px;font-size: 14px;color: #777; }
|
||||
.wst-about .wst-right{width: 23%;height:100%;display: inline-block; }
|
||||
.wst-about span{width:20px;height:20px;display:block;margin-left: 14px; margin-right:6px;}
|
||||
.phone{background:url(../img/custom.png) 0 0 no-repeat;background-size:97%;}
|
||||
.qq{background:url(../img/qq.png) 0 0 no-repeat;background-size:97%;}
|
||||
.email{background:url(../img/email.png) 0 3px no-repeat;background-size:97%;}
|
||||
.belong{background:url(../img/copy.png) 0 1px no-repeat;background-size:97%;}
|
||||
.wst-contact{width: 90%;margin: 0 auto;float: right;}
|
||||
143
hyhproject/mobile2/view/default/day_new.html
Executable file
143
hyhproject/mobile2/view/default/day_new.html
Executable file
@ -0,0 +1,143 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<script src="__MOBILE__/js/common_xs.js" type="text/javascript" charset="utf-8"></script>
|
||||
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/global-lxy.css" />
|
||||
<link rel="stylesheet" type="text/css" href="__MOBILE__/css/day_new.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="banner">
|
||||
<img src="__MOBILE__/img/activity2_head.png" />
|
||||
</div>
|
||||
|
||||
<div class="new_yhj clearfix">
|
||||
<div class="yhj1">
|
||||
<img src="__MOBILE__/img/youhuiquan2.png" />
|
||||
</div>
|
||||
<div class="yhj1">
|
||||
<img src="__MOBILE__/img/youhuiquan2.png" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="everyday"></div>
|
||||
|
||||
<div class="madeInChina">
|
||||
<img src="__MOBILE__/img/guochanjingxuan.png" />
|
||||
</div>
|
||||
|
||||
<div class="mdc_sp clearfix">
|
||||
<div class="gssp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="cash">
|
||||
¥174.40
|
||||
</div>
|
||||
</div>
|
||||
<div class="gssp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="cash">
|
||||
¥174.40
|
||||
</div>
|
||||
</div>
|
||||
<div class="gssp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="cash">
|
||||
¥174.40
|
||||
</div>
|
||||
</div>
|
||||
<div class="gssp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="cash">
|
||||
¥174.40
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="baby">
|
||||
镇/店/之/宝
|
||||
</div>
|
||||
|
||||
<div class="baby_cp">
|
||||
<div class="baby_sp">
|
||||
<img src="__MOBILE__/img/2.jpg" />
|
||||
<div class="wenzi">新款秋款卡通牛奶瓶拼皮透字母卫衣</div>
|
||||
<p class="sp_p"><span>¥</span>99</p>
|
||||
<div class="baby_shop">立即购买</div>
|
||||
</div>
|
||||
<div class="baby_sp">
|
||||
<img src="__MOBILE__/img/2.jpg" />
|
||||
<div class="wenzi">新款秋款卡通牛奶瓶拼皮透字母卫衣</div>
|
||||
<p class="sp_p"><span>¥</span>99</p>
|
||||
<div class="baby_shop">立即购买</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="baby">
|
||||
镇/店/之/宝
|
||||
</div>
|
||||
|
||||
<div class="six clearfix">
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
<div class="six_nr">
|
||||
<p>外套</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="six_cp clearfix">
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
<div class="six_cp_sp">
|
||||
<img src="__MOBILE__/img/QQ20170914154124.png" />
|
||||
<div class="sanjiao"></div>
|
||||
<p>RMB 299.00</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<img src="__MOBILE__/img/ac2_footer.png"/>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="__MOBILE__/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
</html>
|
||||
24
hyhproject/mobile2/view/default/demo.html
Executable file
24
hyhproject/mobile2/view/default/demo.html
Executable file
@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
.text-gradient {
|
||||
display: inline-block;
|
||||
color: green;
|
||||
font-size: 8em;
|
||||
font-family: 微软雅黑;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1)), to(rgba(511, 511, 51, 1)));
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
};
|
||||
</style>
|
||||
|
||||
<h2 class="text-gradient">简明现代魔法</h2>
|
||||
</body>
|
||||
</html>
|
||||
15
hyhproject/mobile2/view/default/dialog.html
Executable file
15
hyhproject/mobile2/view/default/dialog.html
Executable file
@ -0,0 +1,15 @@
|
||||
{/* 对话框 prompt */}
|
||||
<div class="ui-dialog" id="wst-di-prompt">
|
||||
<div class="ui-dialog-cnt">
|
||||
<div class="ui-dialog-bd">
|
||||
<p id="wst-dialog" class="wst-dialog-t">提示</p>
|
||||
<p class="wst-dialog-l"></p>
|
||||
<button id="wst-event1" type="button" class="ui-btn-s wst-dialog-b1" data-role="button">取消</button>
|
||||
<button id="wst-event2" type="button" class="ui-btn-s wst-dialog-b2">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 提示分享对话框 share */}
|
||||
<div class="ui-dialog" id="wst-di-share" onclick="WST.dialogHide('share');">
|
||||
<div class="wst-prompt"></div>
|
||||
</div>
|
||||
22
hyhproject/mobile2/view/default/error_lost.html
Executable file
22
hyhproject/mobile2/view/default/error_lost.html
Executable file
@ -0,0 +1,22 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}提示信息 - {__block__}{/block}
|
||||
{block name="header"}
|
||||
{php}$Title = "提示信息"{/php}
|
||||
{include file="default/header" /}
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<section class="ui-container" id="errorLostBg" style="height:69%;position:relative;">
|
||||
<p>{if(isset($message))}{$message}{else}对不起你要找的商品不见了~~o(>_<)o~~{/if}</p>
|
||||
<div class="ui-btn-wrap">
|
||||
<button class="ui-btn-s" id="errorBtn" onclick="history.back()">
|
||||
返回上一页
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
$(function(){WST.initFooter();})
|
||||
</script>
|
||||
{/block}
|
||||
15
hyhproject/mobile2/view/default/error_switch.html
Executable file
15
hyhproject/mobile2/view/default/error_switch.html
Executable file
@ -0,0 +1,15 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<title>提示信息 - {:WSTConf('CONF.mallName')}</title>
|
||||
<link rel="stylesheet" href="__MOBILE__/frozenui/css/frozen.css">
|
||||
<link rel="stylesheet" href="__MOBILE__/css/common.css?v={$v}">
|
||||
</head>
|
||||
<body ontouchstart="">
|
||||
<section class="ui-container" id="errorLostBg" style="height:69%;position:relative;">
|
||||
<p>{if(WSTConf('CONF.seoMallSwitchDesc'))}{:WSTConf('CONF.seoMallSwitchDesc')}{else}商城暂时关闭{/if}</p>
|
||||
</section>
|
||||
</body>
|
||||
</htm
|
||||
21
hyhproject/mobile2/view/default/error_sys.html
Executable file
21
hyhproject/mobile2/view/default/error_sys.html
Executable file
@ -0,0 +1,21 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}系统出错了 - {__block__}{/block}
|
||||
{block name="header"}
|
||||
{php}$Title = "系统出错了"{/php}
|
||||
{include file="default/header" /}
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<section class="ui-container" id="errorBg" style="height:69%;position:relative;">
|
||||
<div class="ui-btn-wrap">
|
||||
<button class="ui-btn-s" id="errorBtn" onclick="history.back()">
|
||||
返回上一页
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
$(function(){WST.initFooter();})
|
||||
</script>
|
||||
{/block}
|
||||
26
hyhproject/mobile2/view/default/footer.html
Executable file
26
hyhproject/mobile2/view/default/footer.html
Executable file
@ -0,0 +1,26 @@
|
||||
{/* 小加载 */}
|
||||
<div class="ui-loading-wrap wst-Load" id="Load">
|
||||
<i class="ui-loading"></i>
|
||||
</div>
|
||||
{/* 大加载 */}
|
||||
<div class="ui-loading-block" id="Loadl">
|
||||
<div class="ui-loading-cnt">
|
||||
<i class="ui-loading-bright"></i>
|
||||
<p id="j-Loadl">正在加载中...</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="ui-footer wst-footer-btns" style="height:43px; border-top: 1px solid #e8e8e8;" id="footer">
|
||||
<div class="wst-toTop" id="toTop">
|
||||
<i class="wst-toTopimg"></i>
|
||||
</div>
|
||||
{php}$cartNum = WSTCartNum();{/php}
|
||||
<div class="ui-row-flex wst-menus">
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/index/index')}"><p id="home"></p></a></div><!--首页-->
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/goodscats/index')}"><p id="category"></p></a></div> <!--钜惠-->
|
||||
<div class="ui-col ui-col carsNum"><a href="{:url('mobile/messages/index')}"><p id="follow">
|
||||
</p></a>{if($cartNum>0)}<i>{php} echo $cartNum;{/php}</i>{/if}</div>
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/carts/index')}"><p id="cart"></p></a></div> <!--购物车-->
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/users/index')}"><p id="user"></p></a></div> <!--我的-->
|
||||
</div>
|
||||
</footer>
|
||||
{:hook('initCronHook')}
|
||||
36
hyhproject/mobile2/view/default/forget_pass.html
Executable file
36
hyhproject/mobile2/view/default/forget_pass.html
Executable file
@ -0,0 +1,36 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}忘记密码 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/user.css?v={$v}">
|
||||
<style>body{background:#fff}</style>
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
|
||||
<i id="return" class="ui-icon-return" onclick="history.go(-1)"></i><h1 id="login-w">忘记密码</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}{/block}
|
||||
{block name="main"}
|
||||
|
||||
{/* 登录页面 */}
|
||||
<section class="ui-container" id="login1">
|
||||
<input type="hidden" id="step" name="step" value="1" autocomplete="off">
|
||||
<div class="wst-lo-frame">
|
||||
<div class="frame"><input id="loginName" type="text" placeholder="用户名"></div>
|
||||
<div class="verify">
|
||||
<input id="loginVerfy" type="text" placeholder="输入验证码" maxlength="10">
|
||||
<img id='verifyImg1' src="{:url('mobile/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg1")'>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-lo-button">
|
||||
<button id="loginButton" class="button" onclick="javascript:forgetPwd();">下一步</button>
|
||||
</div>
|
||||
</section>
|
||||
{/* 登录页面end */}
|
||||
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/forget_pass.js?v={$v}'></script>
|
||||
{/block}
|
||||
137
hyhproject/mobile2/view/default/forget_pass2.html
Executable file
137
hyhproject/mobile2/view/default/forget_pass2.html
Executable file
@ -0,0 +1,137 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}找回密码 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/user.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
|
||||
<i id="return" class="ui-icon-return" onclick="history.go(-1)"></i><h1 id="login-w">找回方式</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}{/block}
|
||||
{block name="main"}
|
||||
{/* 登录页面 */}
|
||||
<section class="ui-container" id="login1">
|
||||
<input type="hidden" id="step" name="step" value="2" autocomplete="off">
|
||||
<input type="hidden" id="modes" name="modes" class="ipt" value="1" autocomplete="off">
|
||||
<div class="wst-lo-frame">
|
||||
<div class="frame" >
|
||||
{if ($forgetInfo['userPhone'] == '1')}
|
||||
您未绑定手机号码
|
||||
{else /}
|
||||
<ul class="ui-row" onclick="dataShow('phone')">
|
||||
<li class="ui-col ui-col-90">通过手机找回</li>
|
||||
<li class="ui-col ui-col-10"> > </li>
|
||||
</ul>
|
||||
{/if}
|
||||
</div>
|
||||
<!--<div class="frame" style="margin-top:5px;">
|
||||
{if ($forgetInfo['userEmail'] == '' )}
|
||||
没有预留邮箱，请尝试用手机号码找回
|
||||
{else /}
|
||||
<ul class="ui-row" onclick="dataShow('email')">
|
||||
<li class="ui-col ui-col-90">通过邮箱找回</li>
|
||||
<li class="ui-col ui-col-10"> > </li>
|
||||
</ul>
|
||||
{/if}
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
</section>
|
||||
{/* 登录页面end */}
|
||||
<style>
|
||||
|
||||
.content .ui-row li{
|
||||
font-size: 0.15rem;
|
||||
padding:5px 0;
|
||||
padding-left:10px;
|
||||
}
|
||||
</style>
|
||||
{/* 遮盖层 */}
|
||||
<div class="wst-cover" id="cover"></div>
|
||||
{/* 分类层 */}
|
||||
<div class="wst-fr-box" id="frame">
|
||||
<div class="title"><span id="contentTitle">通过邮箱找回密码</span><i class="ui-icon-close-page" onclick="javascript:dataHide();"></i><div class="wst-clear"></div></div>
|
||||
<div class="content" id="content">
|
||||
<ul class="ui-row">
|
||||
<div class="wst-lo-frame wst-mar">
|
||||
<div class="verify">
|
||||
用户名 ： {$forgetInfo.loginName}
|
||||
</div>
|
||||
</div>
|
||||
<div class='phoneBox'>
|
||||
<div class="wst-lo-frame wst-mar">
|
||||
<div class="verify">
|
||||
手机号码： {$forgetInfo.userPhone}
|
||||
</div>
|
||||
</div>
|
||||
<li class="ui-col ui-col-100" style="padding:0;">
|
||||
<div class="wst-lo-frame">
|
||||
<div class="verify">
|
||||
<input id="smsVerify" type="text" placeholder="输入验证码" maxlength="10">
|
||||
<img id='verifyImg2' src="{:url('mobile/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg2")'>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="ui-col ui-col-100" style="padding:0;">
|
||||
{/* 获取验证码 prompt */}
|
||||
<div class="wst-lo-frame">
|
||||
<div class="verify">
|
||||
<input id="checkCode" type="text" placeholder="输入短信验证码" maxlength="8">
|
||||
<button id="timeObtain" class="ui-btn ui-btn-primary" onclick="javascript:phoneVerify2()">获取验证码</button>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<div class="wst-lo-button">
|
||||
<button class="button" onclick="javascript:forgetPhone();" style="margin-top:20px;">下一步</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- {/* 邮箱验证 */}
|
||||
<div class='emailBox'>
|
||||
<li class="ui-col ui-col-25">邮箱：</li>
|
||||
<li class="ui-col ui-col-75" id="email">{$forgetInfo.userEmail}</li>
|
||||
|
||||
|
||||
<li class="ui-col ui-col-100" style="padding:0;">
|
||||
<div class="wst-lo-frame">
|
||||
<div class="verify">
|
||||
<input id="loginVerfy" type="text" placeholder="输入验证码" maxlength="10">
|
||||
<img id='verifyImg1' src="{:url('mobile/users/getVerify')}" onclick='javascript:WST.getVerify("#verifyImg1")'>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="ui-col ui-col-50"><input type="text" id="emailCode" placeholder="邮箱校验码" style="height:36px;"></li>
|
||||
<li class="ui-col ui-col-50">
|
||||
<div class="ui-btn-wrap" style="padding:0px;">
|
||||
<button class="ui-btn ui-btn-danger codebutton" id="emailBtn" onclick="forgetEmail()">
|
||||
获取校验码
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<div class="wst-lo-button">
|
||||
<button class="button" onclick="javascript:resetByEmail();" style="margin-top:20px;">下一步</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{/* 邮箱验证end */}-->
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/forget_pass.js?v={$v}'></script>
|
||||
{/block}
|
||||
30
hyhproject/mobile2/view/default/forget_pass3.html
Executable file
30
hyhproject/mobile2/view/default/forget_pass3.html
Executable file
@ -0,0 +1,30 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}重置密码 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/user.css?v={$v}">
|
||||
<style>body{background:#fff}</style>
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive wst-header">
|
||||
<i id="return" class="ui-icon-return" onclick="history.go(-1)"></i><h1 id="login-w">重置密码</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}{/block}
|
||||
{block name="main"}
|
||||
{/* 重置页面 */}
|
||||
<input type="hidden" value="{:WSTConf('CONF.pwdModulusKey')}" id="key" autocomplete="off">
|
||||
<section class="ui-container" id="login1">
|
||||
<input type="hidden" id="step" name="step" value="3" autocomplete="off">
|
||||
<div class="wst-lo-frame">
|
||||
<div class="frame"><input id="loginPwd" type="password" placeholder="新密码6-20位"></div>
|
||||
<div class="frame"><input id="repassword" type="password" placeholder="确认新密码"></div>
|
||||
<div class="wst-lo-button">
|
||||
<button class="button" onclick="javascript:resetPwd();">重置</button>
|
||||
</div>
|
||||
</section>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type="text/javascript" src="__STATIC__/js/rsa.js"></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/forget_pass.js?v={$v}'></script>
|
||||
{/block}
|
||||
2972
hyhproject/mobile2/view/default/frozenui/css/frozen.css
Executable file
2972
hyhproject/mobile2/view/default/frozenui/css/frozen.css
Executable file
File diff suppressed because it is too large
Load Diff
BIN
hyhproject/mobile2/view/default/frozenui/font/iconfont-full.ttf
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/font/iconfont-full.ttf
Executable file
Binary file not shown.
BIN
hyhproject/mobile2/view/default/frozenui/font/iconfont.ttf
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/font/iconfont.ttf
Executable file
Binary file not shown.
BIN
hyhproject/mobile2/view/default/frozenui/img/loading_sprite.png
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/img/loading_sprite.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
hyhproject/mobile2/view/default/frozenui/img/loading_sprite_white.png
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/img/loading_sprite_white.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
hyhproject/mobile2/view/default/frozenui/img/vip/icon_qqlevel_sprite.png
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/img/vip/icon_qqlevel_sprite.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
hyhproject/mobile2/view/default/frozenui/img/vip/icon_vip.png
Executable file
BIN
hyhproject/mobile2/view/default/frozenui/img/vip/icon_vip.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
1533
hyhproject/mobile2/view/default/frozenui/js/frozen.js
Executable file
1533
hyhproject/mobile2/view/default/frozenui/js/frozen.js
Executable file
File diff suppressed because it is too large
Load Diff
2585
hyhproject/mobile2/view/default/frozenui/js/zepto.min.js
vendored
Executable file
2585
hyhproject/mobile2/view/default/frozenui/js/zepto.min.js
vendored
Executable file
File diff suppressed because it is too large
Load Diff
70
hyhproject/mobile2/view/default/goods_category.html
Executable file
70
hyhproject/mobile2/view/default/goods_category.html
Executable file
@ -0,0 +1,70 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商品分类 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/goods_category.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header class="ui-header ui-header-positive wst-se-header2" style="border-bottom: 1px solid #f6f6f8;">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i>
|
||||
<div class="wst-se-search" onclick="javascript:WST.searchPage('goods',1);">
|
||||
<i class="ui-icon-search" onclick="javascript:WST.searchPage('goods',1);"></i>
|
||||
<form action＝"" class="input-form">
|
||||
<input type="search" value="" placeholder="按关键字搜索商品" onsearch="WST.search(0)" autocomplete="off" disabled="disabled">
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<section class="ui-container">
|
||||
<div class="ui-scrollerl" id="ui-scrollerl">
|
||||
<ul>
|
||||
{volist name="list" key="k" id="go"}
|
||||
{if($go['catId']!=389)}
|
||||
<li id="goodscate" class="wst-goodscate {if($k==1)}wst-goodscate_selected{/if}" onclick="javascript:showRight(this,{$k-1});">{php}echo str_replace('、', '<br/>', $go['catName']);{/php}</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
{volist name="list" key="k" id="go"}
|
||||
<div class="wst-scrollerr goodscate1" {if($k!=1)}style="display:none;"{/if}>
|
||||
{if(isset($go['childList']))}
|
||||
<ul class="wst-gc-br"><li class="brand">
|
||||
{wst:brand cat="$go['catId']" id="bvo" num='16' cache='86400'}
|
||||
<a href="javascript:void(0)" onclick="javascript:getBrandGoodsList({$bvo['brandId']});"><img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{:WSTImg($bvo['brandImg'],2)}"></a>
|
||||
{/wst:brand}
|
||||
<div class="wst-clear"></div>
|
||||
</li></ul>
|
||||
{volist name="go['childList']" id="go1"}
|
||||
<ul>
|
||||
<div class="wst-gc-ads">
|
||||
<a href="javascript:void(0);" onclick="javascript:getGoodsList({$go1['catId']});"><div class="title">{$go1.catName}</div></a>
|
||||
</div>
|
||||
<li>
|
||||
<div class="wst-goodscat">
|
||||
{volist name="go1['childList']" id="go2"}
|
||||
<span>
|
||||
<a href="javascript:void(0);" onclick="javascript:getGoodsList({$go2['catId']});" >
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{$go2['catImg']}" class="goods-cat-img" title="{$go2.catName}"/>
|
||||
<p class="ui-nowrap-flex">{$go2.catName}</p>
|
||||
</a>
|
||||
</span>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
</li>
|
||||
<div class="wst-clear"></div>
|
||||
</ul>
|
||||
{/volist}
|
||||
{/if}
|
||||
</div>
|
||||
{/volist}
|
||||
<div class="wst-clear"></div>
|
||||
</section>
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/goods_search" /}
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/goods_category.js?v={$v}'></script>
|
||||
{/block}
|
||||
439
hyhproject/mobile2/view/default/goods_detail.html
Executable file
439
hyhproject/mobile2/view/default/goods_detail.html
Executable file
@ -0,0 +1,439 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商品详情 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="__MOBILE__/css/goods_detail.css?v={$v}">
|
||||
<link rel="stylesheet" href="__MOBILE__/js/share/nativeShare.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
{php}$cartNum = WSTCartNum();{/php}
|
||||
<header class="ui-header ui-header-positive wst-header" id="goods-header" style="display:none;">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i>
|
||||
<ul class="ui-tab-nav">
|
||||
<li class="switch active" onclick="javascript:pageSwitch(this,1);">商品</li>
|
||||
<li class="switch" onclick="javascript:pageSwitch(this,2);">详情</li>
|
||||
<li class="switch" id="appr" onclick="javascript:pageSwitch(this,3);">评价</li>
|
||||
</ul>
|
||||
<a href="{:url('mobile/carts/index')}"><span class="cart" id="cartNum">{if($cartNum>0)}<span>{php} echo $cartNum;{/php}</span>{/if}</span></a>
|
||||
<span class="share" onclick="javascript:shareShow();"></span>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}
|
||||
<div class="ui-loading-wrap wst-Load" id="Load">
|
||||
<i class="ui-loading"></i>
|
||||
</div>
|
||||
<input type="hidden" name="" value="{$info['goodsId']}" id="goodsId" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$info['goodsType']}" id="goodsType" autocomplete="off">
|
||||
<footer class="ui-footer wst-footer-btns" style="height:42px; border-top: 1px solid #e8e8e8;" id="footer">
|
||||
<div class="wst-toTop" id="toTop">
|
||||
<i class="wst-toTopimg"></i>
|
||||
</div>
|
||||
<div class="ui-row-flex">
|
||||
<div class="ui-col ui-col-3 wst-go-icon">
|
||||
<div class="ui-row-flex">
|
||||
<div class="ui-col ui-col" style="border-right: 1px solid rgba(0,0,0,.05);">
|
||||
{if($info['shop']['shopQQ'])!=''}
|
||||
<div class="icon"><a href="http://wpa.qq.com/msgrd?v=3&uin={$info['shop']['shopQQ']}&site=qq&menu=yes"><span class="img qq"></span><span class="word">客服</span></a></div>
|
||||
{else /}
|
||||
<div class="icon"><a href="tel:{$info['shop']['shopTel']}"><span class="img tel"></span><span class="word">客服</span></a></div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="ui-col ui-col" style="border-right: 1px solid rgba(0,0,0,.05);">
|
||||
<div class="icon"><a href="{:url('mobile/shops/home',['shopId'=>$info['shop']['shopId']])}"><span class="img shop"></span><span class="word">店铺</span></a></div>
|
||||
</div>
|
||||
<div class="ui-col ui-col">
|
||||
{if($info['favGood']==0)}
|
||||
<button class="but" type="button"><span class="img imgfollow nofollow" onclick="javascript:WST.favorites({$info['goodsId']},0);"></span><span style="bottom: 5px;" class="word">关注</span></button>
|
||||
{else}
|
||||
<button class="but" type="button"><span class="img imgfollow follow" onclick="javascript:WST.cancelFavorite({$info['favGood']},0);"></span><span style="bottom: 5px;" class="word">关注</span></button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-col ui-col-4 wst-goods_buy">
|
||||
{if($info['goodsType']==1)}
|
||||
<button class="wst-goods_buym" type="button" onclick="javascript:cartShow(1);" {if($info['goodsId']==0)}disabled{/if}>立即购买</button>
|
||||
{else}
|
||||
<button class="wst-goods_buyl" type="button" onclick="javascript:cartShow(0);" {if($info['goodsId']==0)}disabled{/if}>加入购物车</button>
|
||||
<button class="wst-goods_buyr" type="button" onclick="javascript:cartShow(1);" {if($info['goodsId']==0)}disabled{/if}>立即购买</button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
|
||||
{if($info['goodsId']>0)}
|
||||
{/* 商品 */}
|
||||
<div class="wst-go-more" id="arrow" style="display: none;"><i class="arrow"></i>
|
||||
<ul class="ui-row ui-list-active more">
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/index/index')}"><i class="home"></i><p>首页</p></a></div></li>
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/goodscats/index')}"><i class="category"></i><p>分类</p></a></div></li>
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/carts/index')}"><i class="cart"></i><p>购物车</p></a></div></li>
|
||||
<li class="ui-col"><div class="column line"><a href="{:url('mobile/favorites/goods')}"><i class="follow"></i><p>关注</p></a></div></li>
|
||||
<li class="ui-col"><div class="column"><a href="{:url('mobile/users/index')}"><i class="user"></i><p>我的</p></a></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="wst-ca-layer" id="layer" onclick="javascript:inMore();"></div>
|
||||
<section class="ui-container" id="goods1" style="border-top: 0px solid transparent;">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{volist name="info['gallery']" id="ga"}
|
||||
<div class="swiper-slide" style="width:100%;">
|
||||
<div class="wst-go-img"><a><img src="__IMGURL__/{:WSTImg($ga,2)}"></a></div>
|
||||
</div>
|
||||
{/volist}
|
||||
</div>
|
||||
{if(count($info['gallery'])>1)}<div class="swiper-pagination"></div>{/if}
|
||||
<div class="wst-go-return" onclick="history.back()"><i class="ui-icon-prev"></i></div>
|
||||
<div class="wst-go-mores" onclick="javascript:inMore()"><i>···</i></div>
|
||||
</div>
|
||||
<div class="wst-go-name">{$info['goodsName']}</div>
|
||||
<div class="ui-row-flex wst-go-price">
|
||||
<div class="ui-col ui-col-2">
|
||||
<div class="price lxy_price">{if $info['is_seckilling']==1}秒杀价{/if}<i>¥ </i>{$info['shopPrice']}{if $info['is_seckilling']==1}<span style="color: #000;font-size: 12px;">(秒杀商品限购4件)</span>{/if}</div>
|
||||
{if $info['is_seckilling']!=1}<div class="price lxy_price"><p>木吉抵扣价格</p><i>¥ </i>{$info['shopPrice']*0.8}</div>{/if}
|
||||
<div class="ui-row-flex info">
|
||||
<div class="ui-col ui-col" style="text-align: left;">快递: {if $info['isFreeShipping']==1}免运费{else}{php}echo sprintf("%.2f", $info['shop']['freight']);{/php}{/if}</div>
|
||||
<div class="ui-col ui-col" style="text-align: center;">销量: {$info['saleNum']}</div>
|
||||
<div class="ui-col ui-col" style="text-align: right;">{$info['shop']['areas']['areaName1']}{$info['shop']['areas']['areaName2']}</div>
|
||||
</div>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsDetailTips',["goods"=>$info])}
|
||||
</div>
|
||||
<ul class="ui-list ui-list-text wst-go-ul ui-list-active">
|
||||
{if WSTConf('CONF.isOrderScore')==1}
|
||||
<li>
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap"><span class="word">积分</span><span class="line">|</span>购买即可获得{php}echo intval($info['shopPrice']*(float)WSTConf('CONF.moneyToScore'));{/php}积分</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{/if}
|
||||
<li id='j-promotion' style='display:none;'>
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">
|
||||
<div style="float: left;">
|
||||
<span class="word">促销</span>
|
||||
<span class="line">|</span>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsPromotionDetail',['goods'=>$info])}
|
||||
</h5>
|
||||
</div>
|
||||
</li>
|
||||
{/* 优惠券钩子 */}
|
||||
{:hook('mobileDocumentGoodsPropDetail')}
|
||||
|
||||
|
||||
<li style="display: none;">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap"><span class="word">优惠</span><span class="line">|</span></h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{if !empty($info['attrs']) }
|
||||
<li onclick="javascript:dataShow();">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">产品参数</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li onclick="javascript:pageSwitch($('#appr'),3);">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">商品评价( <span class="red">{$info['appraiseNum']}</span> )</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="ui-list ui-list-one ui-list-link wst-go-shop">
|
||||
<div class="info">
|
||||
<div class="img"><a><img src="__IMGURL__/{:WSTImg($info['shop']['shopImg'],3)}" title="{$info['shop']['shopName']}"></a></div>
|
||||
<div class="name"><p class="ui-nowrap-flex name1">{$info['shop']['shopName']}</p><p class="ui-nowrap-flex name2"><span>主营: {$info['shop']['cat']}</span></p></div>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="ui-row-flex score">
|
||||
<div class="ui-col ui-col" style="text-align:left;">商品评分: <span class="red">{$info['shop']['goodsScore']}</span></div><span class="line">|</span>
|
||||
<div class="ui-col ui-col" style="text-align:center;">时效评分: <span class="red">{$info['shop']['timeScore']}</span></div><span class="line">|</span>
|
||||
<div class="ui-col ui-col" style="text-align:right;">服务评分: <span class="red">{$info['shop']['serviceScore']}</span></div>
|
||||
</div>
|
||||
<div class="ui-row-flex button">
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/shops/shopGoodsList',['shopId'=>$info['shop']['shopId']])}" class="goods">全部商品</a></div>
|
||||
<div class="ui-col ui-col"><a href="{:url('mobile/shops/home',['shopId'=>$info['shop']['shopId']])}" class="shop">进入店铺</a></div>
|
||||
</div>
|
||||
</ul>
|
||||
<div class="title gc-title" onclick="goConsult()">
|
||||
<span class='gc-tit-icon'></span>
|
||||
<span class='gc-tit-icon2'></span>
|
||||
购买咨询
|
||||
</div>
|
||||
<div class="gc-title-list">
|
||||
{if($info['consult']['consultContent'])}
|
||||
<li>
|
||||
<div class="question-box cf">
|
||||
<span class="question-pic"></span>
|
||||
<div class="question-content">
|
||||
<span>{$info['consult']['consultContent']}</span>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
{if($info['consult']['reply'])}
|
||||
<div class="question-box cf">
|
||||
<span class="question-pic answer-pic"></span>
|
||||
<div class="question-content answer-content">
|
||||
<span>{$info['consult']['reply']}</span>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
{/if}
|
||||
</li>
|
||||
{else}
|
||||
<p class="prompt">暂无商品咨询~</p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="wst-shl-ads">
|
||||
<div class="title">猜你喜欢</div>
|
||||
{wst:goods type='best' cat="$info['shop']['catId']" num='6'}
|
||||
<div class="wst-go-goods" onclick="javascript:WST.intoGoods({$vo['goodsId']});">
|
||||
<div class="img j-imgAdapt">
|
||||
<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$vo['goodsId']});"><img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{:WSTImg($vo['goodsImg'],3)}" title="{$vo['goodsName']}"></a>
|
||||
</div>
|
||||
<p class="name ui-nowrap-multi">{$vo['goodsName']}</p>
|
||||
<div class="info"><span class="ui-nowrap-flex price">¥ {$vo['shopPrice']}</span></div>
|
||||
</div>
|
||||
{/wst:goods}
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="wst-go-top" style="display: none;">上拉查看图文详情</div>
|
||||
</section>
|
||||
{/* 详情 */}
|
||||
<section class="ui-container" id="goods2" style="display: none;">
|
||||
<div class="wst-go-details">{$info['goodsDesc']}</div>
|
||||
</section>
|
||||
{/* 评价 */}
|
||||
<input type="hidden" name="" value="{$info['goodsId']}" id="goodsId" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="evaluateType" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
<section class="ui-container" id="goods3" style="display: none;">
|
||||
<div class="ui-row-flex wst-ev-term">
|
||||
<div class="ui-col ui-col active" onclick="javascript:evaluateSwitch(this,'');"><p>全部</p><p class="number">{$info['appraises']['sum']}</p></div>
|
||||
<div class="ui-col ui-col" onclick="javascript:evaluateSwitch(this,'best');"><p>好评</p><p class="number">{$info['appraises']['best']}</p></div>
|
||||
<div class="ui-col ui-col" onclick="javascript:evaluateSwitch(this,'good');"><p>中评</p><p class="number">{$info['appraises']['good']}</p></div>
|
||||
<div class="ui-col ui-col" onclick="javascript:evaluateSwitch(this,'bad');"><p>差评</p><p class="number">{$info['appraises']['bad']}</p></div>
|
||||
<div class="ui-col ui-col" onclick="javascript:evaluateSwitch(this,'pic');"><p>晒图</p><p class="number">{$info['appraises']['pic']}</p></div>
|
||||
</div>
|
||||
<div id="evaluate-list" style="margin-top: 10px;"></div>
|
||||
</section>
|
||||
<script id="list" type="text/html">
|
||||
{{# if(d && d.length>0){ }}
|
||||
{{# for(var i=0; i<d.length; i++){ }}
|
||||
<div class="ui-whitespace wst-go-evaluate">
|
||||
<div class="info">
|
||||
<p>
|
||||
{{# if(d[i].userPhoto){ }}
|
||||
<img src="__IMGURL__/{{d[i].userPhoto }}" class="portrait">
|
||||
{{# }else{ }}
|
||||
<img src="__IMGURL__/{:WSTConf('CONF.userLogo')}" class="portrait">
|
||||
{{# } }}
|
||||
<span class="name">{{ d[i].loginName }}</span>
|
||||
{{# if(d[i].userTotalScore){ }}
|
||||
<img src="__IMGURL__/{{ d[i].userTotalScore }}" class="ranks">
|
||||
{{# } }}
|
||||
<span class="time">{{ d[i].createTime }}</span>
|
||||
<div class="wst-clear"></div>
|
||||
</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>
|
||||
{{# var score = (d[i].goodsScore+d[i].serviceScore+d[i].timeScore)/3; }}
|
||||
{{# for(var j=1; j<6; j++){ }}
|
||||
{{# if(j <= score.toFixed(0)){ }}
|
||||
<i class="bright"></i>
|
||||
{{# }else{ }}
|
||||
<i class="dark"></i>
|
||||
{{# } }}
|
||||
{{# } }}
|
||||
</p>
|
||||
<p class="content2">{{ d[i].content }}</p>
|
||||
{{# if(d[i].images){ }}
|
||||
{{# var img = d[i].images.split(','); }}
|
||||
{{# for(var m=0; m<img.length; m++){ }}
|
||||
<img src="__IMGURL__/{{ img[m] }}">
|
||||
{{# } }}
|
||||
{{# } }}
|
||||
<p class="word">{{ d[i].goodsSpecNames }}</p>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
{{# if(d[i].shopReply){ }}
|
||||
<div class="reply"><p>卖家回复：{{ d[i].shopReply }}</p></div>
|
||||
{{# } }}
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# }else{ }}
|
||||
<div class="wst-prompt-icon"><img src="__MOBILE__/img/nothing-evaluate.png"></div>
|
||||
<div class="wst-prompt-info">
|
||||
<p>对不起，没有相关评论。</p>
|
||||
</div>
|
||||
{{# } }}
|
||||
</script>
|
||||
{else}
|
||||
<div class="wst-prompt-icon"><img src="__MOBILE__/img/nothing-goods.png"></div>
|
||||
<div class="wst-prompt-info">
|
||||
<p>对不起，没有找到商品。</p>
|
||||
</div>
|
||||
{/if}
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/dialog" /}<!-- 对话框模板 -->
|
||||
{/* 遮盖层 */}
|
||||
<div class="wst-cover" id="cover"></div>
|
||||
{/* 参数框 */}
|
||||
{if !empty($info['attrs']) }
|
||||
<div class="wst-fr-box" id="frame">
|
||||
<div class="title"><span>产品参数</span><i class="ui-icon-close-page" onclick="javascript:dataHide();"></i><div class="wst-clear"></div></div>
|
||||
<div class="content" id="content">
|
||||
{volist name="$info['attrs']" id="at"}
|
||||
{$at['attrName']}：{$at['attrVal']}<br/>
|
||||
{/volist}
|
||||
</div>
|
||||
<div class="determine"><button class="button" onclick="javascript:dataHide();">确定</button></div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{/*分享 */}
|
||||
<script type='text/javascript' src='__MOBILE__/js/share/nativeShare.js?v={$v}'></script>
|
||||
<script>
|
||||
var config = {
|
||||
url: "{:url('mobile/goods/detail','goodsId='.$info['goodsId'].'&shareUserId='.base64_encode(session('WST_USER.userId')),true,true)}",
|
||||
title:"{$info['goodsName']}",
|
||||
desc:"{$info['goodsName']}",
|
||||
img:"__IMGURL__/{$info['goodsImg']}"
|
||||
};
|
||||
|
||||
var jiathis_config = {
|
||||
url: "{:url('mobile/goods/detail','goodsId='.$info['goodsId'].'&shareUserId='.base64_encode(session('WST_USER.userId')),true,true)}",
|
||||
title:"{$info['goodsName']}",
|
||||
summary:"{$info['goodsName']}",
|
||||
imageUrl:"__IMGURL__/{$info['goodsImg']}",
|
||||
slide:{
|
||||
divid:'jiathis_main',
|
||||
pos:'left'
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<div class="wst-cart-box" id="frame-share" style="padding-top:10px;">
|
||||
<div class="content" id="nativeShare" style="padding-bottom:50px;">
|
||||
<!-- JiaThis Button BEGIN -->
|
||||
<div class="jiathis_style_32x32">
|
||||
<div class="ui-form-item ui-form-item-show" style="font-size:0.15rem;">
|
||||
<a class="jiathis_button_qzone" onclick="jiathis_mh5.sendTo('qzone');" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone" style="margin-top:5px;"></span><span>分享到QQ空间</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show" style="font-size:0.15rem;">
|
||||
<a class="jiathis_button_tsina" onclick="jiathis_mh5.sendTo('tsina');" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina" style="margin-top:5px;"></span><span>分享到新浪微博</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show" style="font-size:0.15rem;">
|
||||
<a class="jiathis_button_tqq" onclick="jiathis_mh5.sendTo('tqq');" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq" style="margin-top:5px;"></span><span>分享到腾讯微博</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show" style="font-size:0.15rem;">
|
||||
<a class="jiathis_button_renren" onclick="jiathis_mh5.sendTo('renren');" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren" style="margin-top:5px;"></span><span>分享到人人网</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="determine"><button class="button" onclick="javascript:shareHide();">取消</button></div>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsDetail',['goods'=>$info,'getParams'=>input()])}
|
||||
|
||||
{/*加入购物车框 */}
|
||||
<div class="wst-cart-box" id="frame-cart">
|
||||
<div class="title">
|
||||
<div class="picture"><div class="img"><a href="javascript:void(0);"><img src="__IMGURL__/{:WSTImg($info['goodsImg'],3)}" title="{$info['goodsName']}"></a></div></div>
|
||||
<i class="ui-icon-close-page" onclick="javascript:cartHide();"></i>
|
||||
<p class="ui-nowrap-multi">{$info['goodsName']}</p>
|
||||
<p class="ui-nowrap-flex price"><span id="j-shop-price">¥{$info['shopPrice']}</span></p>
|
||||
<p class="ui-nowrap-flex price">惠宝抵扣价<span id="j-huibao-price">¥{$info['shopPrice']*0.8}</span></p>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="standard" id="standard">
|
||||
{if!empty($info['spec'])}
|
||||
{volist name="$info['spec']" id="sp"}
|
||||
<div class="spec">
|
||||
<p>{$sp['name']}</p>
|
||||
{volist name="sp['list']" id="sp2"}
|
||||
{if $sp2['itemImg']!=''}
|
||||
<img class="j-option img" data-val="{$sp2['itemId']}" src="__IMGURL__/{:WSTImg($sp2['itemImg'],3)}" title="{$sp2['itemName']}">
|
||||
{else}
|
||||
<span class="j-option" data-val="{$sp2['itemId']}">{$sp2['itemName']}</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/if}
|
||||
<div class="number">
|
||||
<p>数量</p>
|
||||
<div class="stock">库存：<span id="goods-stock">0</span>{$info['goodsUnit']}</div>
|
||||
<div class="wst-buy_l">
|
||||
<input class="wst-buy_l1" type="button" value="-" onclick='javascript:WST.changeIptNum(-1,"#buyNum")'><input id="buyNum" class="wst-buy_l2" data-min='1' data-max='' type="number" value="1" autocomplete="off" onkeyup='WST.changeIptNum(0,"#buyNum")'><input class="wst-buy_l3" type="button" value="+" onclick='javascript:WST.changeIptNum(1,"#buyNum")'>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="determine"><button class="button" onclick="javascript:addCart();">确定</button></div>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
var share_obj = new nativeShare('nativeShare',config);
|
||||
var goodsInfo = {
|
||||
id:{$info['goodsId']},
|
||||
isSpec:{$info['isSpec']},
|
||||
goodsStock:{$info['goodsStock']},
|
||||
marketPrice:{$info['marketPrice']},
|
||||
goodsPrice:{$info['shopPrice']},
|
||||
goodsHuibao:{$info['shopPrice']*0.8}
|
||||
{if isset($info['saleSpec'])}
|
||||
,sku:{:json_encode($info['saleSpec'])}
|
||||
{/if}
|
||||
}
|
||||
|
||||
//弹框
|
||||
function shareShow(){
|
||||
jQuery('#cover').attr("onclick","javascript:shareHide();").show();
|
||||
jQuery('#frame-share').animate({"bottom": 0}, 500);
|
||||
}
|
||||
function shareHide(){
|
||||
var cartHeight = parseInt($("#frame-cart").css('height'))+52+'px';
|
||||
jQuery('#frame-share').animate({'bottom': '-'+cartHeight}, 500);
|
||||
jQuery('#cover').hide();
|
||||
}
|
||||
function goConsult(){
|
||||
location.href=WST.U('mobile/goodsconsult/index',{goodsId:goodsInfo.id})
|
||||
}
|
||||
|
||||
var url = window.location.search;
|
||||
|
||||
url = url.substring(7,url.length);
|
||||
|
||||
localStorage.setItem('pName',url);
|
||||
|
||||
var pName = localStorage.getItem('pName');
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/swiper.jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/goods_detail.js?v={$v}'></script>
|
||||
{/block}
|
||||
347
hyhproject/mobile2/view/default/goods_detail2.html
Executable file
347
hyhproject/mobile2/view/default/goods_detail2.html
Executable file
@ -0,0 +1,347 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商品详情 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/goods_detail.css?v={$v}">
|
||||
<link rel="stylesheet" href="__MOBILE__/js/share/nativeShare.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
{php}$cartNum = WSTCartNum();{/php}
|
||||
<header class="ui-header ui-header-positive wst-header">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i>
|
||||
<ul class="ui-tab-nav">
|
||||
<li class="switch active" onclick="javascript:pageSwitch(this,1);">商品</li>
|
||||
<li class="switch" onclick="javascript:pageSwitch(this,2);">详情</li>
|
||||
<li class="switch" id="appr" onclick="javascript:pageSwitch(this,3);">评价</li>
|
||||
</ul>
|
||||
<a href="{:url('mobile/carts/index')}"><span class="cart" id="cartNum">{if($cartNum>0)}<span>{php} echo $cartNum;{/php}</span>{/if}</span></a>
|
||||
<span class="share" onclick="javascript:shareShow();"></span>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="footer"}
|
||||
<div class="ui-loading-wrap wst-Load" id="Load">
|
||||
<i class="ui-loading"></i>
|
||||
</div>
|
||||
<input type="hidden" name="" value="{$info['goodsId']}" id="goodsId" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$info['goodsType']}" id="goodsType" autocomplete="off">
|
||||
<footer class="ui-footer wst-footer-btns" style="height:42px; border-top: 1px solid #e8e8e8;" id="footer">
|
||||
<div class="wst-toTop" id="toTop">
|
||||
<i class="wst-toTopimg"><span>顶部</span></i>
|
||||
</div>
|
||||
<div class="ui-row-flex">
|
||||
<div class="ui-col ui-col-3 wst-go-icon">
|
||||
<div class="icon"><a href="tel:{$info['shop']['shopTel']}"><span class="img tel"></span><span class="word">客服</span></a></div>
|
||||
<div class="icon"><a href="{:url('mobile/shops/home',['shopId'=>$info['shop']['shopId']])}"><span class="img shop"></span><span class="word">店铺</span></a></div>
|
||||
{if($info['favGood']==0)}
|
||||
<button class="but" type="button"><span class="img imgfollow nofollow" onclick="javascript:WST.favorites({$info['goodsId']},0);"></span><span style="height:13px;" class="word">关注</span></button>
|
||||
{else}
|
||||
<button class="but" type="button"><span class="img imgfollow follow" onclick="javascript:WST.cancelFavorite({$info['favGood']},0);"></span><span style="height:13px;" class="word">关注</span></button>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
<div class="ui-col ui-col-4 wst-goods_buy">
|
||||
{if($info['goodsType']==1)}
|
||||
<button class="wst-goods_buym" type="button" onclick="javascript:cartShow(1);" {if($info['goodsId']==0)}disabled{/if}>立即购买</button>
|
||||
{else}
|
||||
<button class="wst-goods_buyl" type="button" onclick="javascript:cartShow(0);" {if($info['goodsId']==0)}disabled{/if}>加入购物车</button>
|
||||
<button class="wst-goods_buyr" type="button" onclick="javascript:cartShow(1);" {if($info['goodsId']==0)}disabled{/if}>立即购买</button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
|
||||
{if($info['goodsId']>0)}
|
||||
{/* 商品 */}
|
||||
<section class="ui-container" id="goods1">
|
||||
<div class="ui-slider" style="padding-top:100%;">
|
||||
<ul class="ui-slider-content" style="{if($info['imgcount']>0)}{$info['imgwidth']}{/if}">
|
||||
{volist name="info['gallery']" id="ga"}
|
||||
<li><div class="wst-go-img j-imgAdaptg"><a><img src="__IMGURL__/{:WSTImg($ga,2)}"></a></div></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="ui-nowrap-multi ui-whitespace wst-go-name">{if $info['isFreeShipping']==1}<span class='wst-red'>【包邮】</span>{/if}{$info['goodsName']}</div>
|
||||
<div class="ui-row-flex wst-go-price">
|
||||
<div class="ui-col ui-col-2">
|
||||
<p class="price">¥{$info['shopPrice']}<span class="market">¥{$info['marketPrice']}</span></p><p>成交数：{$info['saleNum']}</p>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsDetailTips',["goods"=>$info])}
|
||||
</div>
|
||||
<ul class="ui-list ui-list-text wst-go-ul ui-list-active">
|
||||
{if WSTConf('CONF.isOrderScore')==1}
|
||||
<li>
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap"><span class="word">惠宝</span><span class="line">|</span>购买即可获得{php}echo ceil($info['shopPrice'] * HuiScale());{/php}奖励</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{/if}
|
||||
<li id='j-promotion' style='display:none;'>
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">
|
||||
<div style="vertical-align: top;display:inline-block;">
|
||||
<span class="word">促销</span>
|
||||
<span class="line">|</span>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsPromotionDetail',['goods'=>$info])}
|
||||
</h5>
|
||||
</div>
|
||||
</li>
|
||||
{/* 优惠券钩子 */}
|
||||
{:hook('mobileDocumentGoodsPropDetail')}
|
||||
|
||||
|
||||
<li style="display: none;">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap"><span class="word">优惠</span><span class="line">|</span></h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{if !empty($info['attrs']) }
|
||||
<li onclick="javascript:dataShow();">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">产品参数</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
{/if}
|
||||
|
||||
<li onclick="javascript:pageSwitch($('#appr'),3);">
|
||||
<div class="ui-list-info">
|
||||
<h5 class="ui-nowrap">商品评价(<span class="red">{$info['appraiseNum']}</span>)</h5>
|
||||
</div>
|
||||
<span class="icon">···</span>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="ui-list ui-list-one ui-list-link wst-go-shop">
|
||||
<li onclick="javascript:location.href='{:url('mobile/shops/home',['shopId'=>$info['shop']['shopId']])}';">
|
||||
<div class="ui-list-thumb">
|
||||
<span><img src="__IMGURL__/{:WSTImg($info['shop']['shopImg'],3)}" title="{$info['shop']['shopName']}"></span>
|
||||
</div>
|
||||
<div class="ui-list-info info">
|
||||
<p class="name">{$info['shop']['shopName']}</p><br/>
|
||||
<p class="ui-nowrap-flex name2">主营：{$info['shop']['cat']}</p>
|
||||
</div>
|
||||
</li>
|
||||
<div class="ui-whitespace">
|
||||
<div class="ui-row-flex score">
|
||||
<div class="ui-col ui-col">商品评分:<span class="red">{$info['shop']['goodsScore']}</span></div><span class="line">|</span>
|
||||
<div class="ui-col ui-col">时效评分:<span class="red">{$info['shop']['timeScore']}</span></div><span class="line">|</span>
|
||||
<div class="ui-col ui-col">服务评分:<span class="red">{$info['shop']['serviceScore']}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<div class="title gc-title" onclick="goConsult()">
|
||||
<span class='gc-tit-icon'></span>
|
||||
购买咨询
|
||||
</div>
|
||||
|
||||
<div class="wst-shl-ads">
|
||||
<div class="title">猜你喜欢</div>
|
||||
{wst:goods type='best' cat="$info['shop']['catId']" num='6'}
|
||||
<div class="wst-go-goods" onclick="javascript:WST.intoGoods({$vo['goodsId']});">
|
||||
<div class="img j-imgAdapt">
|
||||
<a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$vo['goodsId']});"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{:WSTImg($vo['goodsImg'],3)}" title="{$vo['goodsName']}"></a>
|
||||
</div>
|
||||
<p class="name ui-nowrap-multi">{$vo['goodsName']}</p>
|
||||
<div class="info"><span class="ui-nowrap-flex price">¥{$vo['shopPrice']}</span></div>
|
||||
</div>
|
||||
{/wst:goods}
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="wst-go-top" style="display: none;">上拉查看图文详情</div>
|
||||
</section>
|
||||
{/* 详情 */}
|
||||
<section class="ui-container" id="goods2" style="display: none;">
|
||||
<div class="wst-go-details">{$info['goodsDesc']}</div>
|
||||
</section>
|
||||
{/* 评价 */}
|
||||
<input type="hidden" name="" value="{$info['goodsId']}" id="goodsId" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
<section class="ui-container" id="goods3" style="display: none;">
|
||||
<div id="evaluate-list"></div>
|
||||
</section>
|
||||
<script id="list" type="text/html">
|
||||
{{# if(d && d.length>0){ }}
|
||||
{{# for(var i=0; i<d.length; i++){ }}
|
||||
<div class="ui-whitespace wst-go-evaluate">
|
||||
<div class="info">
|
||||
<span class="name">{{ d[i].loginName }}</span>
|
||||
{{# if(d[i].userTotalScore){ }}
|
||||
<img src="__ROOT__/{{ d[i].userTotalScore }}">
|
||||
{{# } }}
|
||||
{{# var score = (d[i].goodsScore+d[i].serviceScore+d[i].timeScore)/3; }}
|
||||
{{# for(var j=1; j<6; j++){ }}
|
||||
{{# if(j <= score.toFixed(0)){ }}
|
||||
<i class="bright"></i>
|
||||
{{# }else{ }}
|
||||
<i class="dark"></i>
|
||||
{{# } }}
|
||||
{{# } }}
|
||||
<span class="time">{{ d[i].createTime }}</span>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p>{{ d[i].content }}</p>
|
||||
{{# if(d[i].images){ }}
|
||||
{{# var img = d[i].images.split(','); }}
|
||||
{{# for(var m=0; m<img.length; m++){ }}
|
||||
<img src="__ROOT__/{{ img[m] }}">
|
||||
{{# } }}
|
||||
{{# } }}
|
||||
<div class="wst-clear"></div>
|
||||
<p class="word">{{ d[i].goodsSpecNames }}</p>
|
||||
</div>
|
||||
{{# if(d[i].shopReply){ }}
|
||||
<div class="reply"><p>卖家回复：{{ d[i].shopReply }}</p></div>
|
||||
{{# } }}
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# }else{ }}
|
||||
<ul class="ui-row-flex wst-flexslp">
|
||||
<li class="ui-col ui-flex ui-flex-pack-center">
|
||||
<p>对不起，没有相关评论。</p>
|
||||
</li>
|
||||
</ul>
|
||||
{{# } }}
|
||||
</script>
|
||||
{else}
|
||||
<ul class="ui-row-flex wst-flexslp">
|
||||
<li class="ui-col ui-flex ui-flex-pack-center">
|
||||
<p>对不起，没有找到商品。</p>
|
||||
</li>
|
||||
</ul>
|
||||
{/if}
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/dialog" /}<!-- 对话框模板 -->
|
||||
{/* 遮盖层 */}
|
||||
<div class="wst-cover" id="cover"></div>
|
||||
{/* 参数框 */}
|
||||
{if !empty($info['attrs']) }
|
||||
<div class="wst-fr-box" id="frame">
|
||||
<div class="title"><span>产品参数</span><i class="ui-icon-close-page" onclick="javascript:dataHide();"></i><div class="wst-clear"></div></div>
|
||||
<div class="content" id="content">
|
||||
{volist name="$info['attrs']" id="at"}
|
||||
{$at['attrName']}：{$at['attrVal']}<br/>
|
||||
{/volist}
|
||||
</div>
|
||||
<button class="button" onclick="javascript:dataHide();">确定</button>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{/*分享 */}
|
||||
<script type='text/javascript' src='__MOBILE__/js/share/nativeShare.js?v={$v}'></script>
|
||||
<script>
|
||||
var config = {
|
||||
url: "{:url('mobile/goods/detail','goodsId='.$info['goodsId'].'&shareUserId='.base64_encode(session('WST_USER.userId')),true,true)}",
|
||||
title:"{$info['goodsName']}",
|
||||
desc:"{$info['goodsName']}",
|
||||
img:"{:WSTRoot()}/{$info['goodsImg']}"
|
||||
};
|
||||
|
||||
var jiathis_config = {
|
||||
url: "{:url('mobile/goods/detail','goodsId='.$info['goodsId'].'&shareUserId='.base64_encode(session('WST_USER.userId')),true,true)}",
|
||||
title:"{$info['goodsName']}",
|
||||
summary:"{$info['goodsName']}",
|
||||
imageUrl:"{:WSTRoot()}/{$info['goodsImg']}",
|
||||
slide:{
|
||||
divid:'jiathis_main',
|
||||
pos:'left'
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<div class="wst-cart-box" id="frame-share" style="padding-top:10px;">
|
||||
<div class="content" id="nativeShare" style="padding-bottom:50px;">
|
||||
<!-- JiaThis Button BEGIN -->
|
||||
<div class="jiathis_style_32x32">
|
||||
<div class="ui-form-item ui-form-item-show ui-border-b">
|
||||
<a class="jiathis_button_qzone" onclick="jiathis_mh5.sendTo('qzone');" title="分享到QQ空间"><span class="jiathis_txt jtico jtico_qzone" style="margin-top:5px;"></span><span>分享到QQ空间</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show ui-border-b">
|
||||
<a class="jiathis_button_tsina" onclick="jiathis_mh5.sendTo('tsina');" title="分享到新浪微博"><span class="jiathis_txt jtico jtico_tsina" style="margin-top:5px;"></span><span>分享到新浪微博</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show ui-border-b">
|
||||
<a class="jiathis_button_tqq" onclick="jiathis_mh5.sendTo('tqq');" title="分享到腾讯微博"><span class="jiathis_txt jtico jtico_tqq" style="margin-top:5px;"></span><span>分享到腾讯微博</span></a>
|
||||
</div>
|
||||
<div class="ui-form-item ui-form-item-show ui-border-b">
|
||||
<a class="jiathis_button_renren" onclick="jiathis_mh5.sendTo('renren');" title="分享到人人网"><span class="jiathis_txt jtico jtico_renren" style="margin-top:5px;"></span><span>分享到人人网</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="button" onclick="javascript:shareHide();">取消</button>
|
||||
</div>
|
||||
{:hook('mobileDocumentGoodsDetail',['goods'=>$info,'getParams'=>input()])}
|
||||
|
||||
{/*加入购物车框 */}
|
||||
<div class="wst-cart-box" id="frame-cart">
|
||||
<div class="title">
|
||||
<div class="picture"><div class="img"><a href="javascript:void(0);"><img src="__IMGURL__/{:WSTImg($info['goodsImg'],3)}" title="{$info['goodsName']}"></a></div></div>
|
||||
<i class="ui-icon-close-page" onclick="javascript:cartHide();"></i>
|
||||
<p class="ui-nowrap-multi">{$info['goodsName']}</p>
|
||||
<p class="ui-nowrap-flex price"><span id="j-shop-price">¥{$info['shopPrice']}</span><span id="j-market-price" class="price2">¥{$info['marketPrice']}</span></p>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
<div class="standard" id="standard">
|
||||
{if!empty($info['spec'])}
|
||||
{volist name="$info['spec']" id="sp"}
|
||||
<div class="spec">
|
||||
<p>{$sp['name']}</p>
|
||||
{volist name="sp['list']" id="sp2"}
|
||||
{if $sp2['itemImg']!=''}
|
||||
<img class="j-option img" data-val="{$sp2['itemId']}" src="__IMGURL__/{:WSTImg($sp2['itemImg'],3)}" title="{$sp2['itemName']}">
|
||||
{else}
|
||||
<span class="j-option" data-val="{$sp2['itemId']}">{$sp2['itemName']}</span>
|
||||
{/if}
|
||||
{/volist}
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
{/volist}
|
||||
{/if}
|
||||
<div class="number">
|
||||
<p>数量</p>
|
||||
<div class="stock">库存：<span id="goods-stock">0</span>{$info['goodsUnit']}</div>
|
||||
<div class="wst-buy_l">
|
||||
<input class="wst-buy_l1" type="button" value="-" onclick='javascript:WST.changeIptNum(-1,"#buyNum")'><input id="buyNum" class="wst-buy_l2" data-min='1' data-max='' type="number" value="1" autocomplete="off" onkeyup='WST.changeIptNum(0,"#buyNum")'><input class="wst-buy_l3" type="button" value="+" onclick='javascript:WST.changeIptNum(1,"#buyNum")'>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="button" onclick="javascript:addCart();">确定</button>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
var share_obj = new nativeShare('nativeShare',config);
|
||||
var goodsInfo = {
|
||||
id:{$info['goodsId']},
|
||||
isSpec:{$info['isSpec']},
|
||||
goodsStock:{$info['goodsStock']},
|
||||
marketPrice:{$info['marketPrice']},
|
||||
goodsPrice:{$info['shopPrice']}
|
||||
{if isset($info['saleSpec'])}
|
||||
,sku:{:json_encode($info['saleSpec'])}
|
||||
{/if}
|
||||
}
|
||||
|
||||
//弹框
|
||||
function shareShow(){
|
||||
jQuery('#cover').attr("onclick","javascript:shareHide();").show();
|
||||
jQuery('#frame-share').animate({"bottom": 0}, 500);
|
||||
}
|
||||
function shareHide(){
|
||||
var cartHeight = parseInt($("#frame-cart").css('height'))+52+'px';
|
||||
jQuery('#frame-share').animate({'bottom': '-'+cartHeight}, 500);
|
||||
jQuery('#cover').hide();
|
||||
}
|
||||
function goConsult(){
|
||||
location.href=WST.U('mobile/goodsconsult/index',{goodsId:goodsInfo.id})
|
||||
}
|
||||
</script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/goods_detail.js?v={$v}'></script>
|
||||
{/block}
|
||||
78
hyhproject/mobile2/view/default/goods_list.html
Executable file
78
hyhproject/mobile2/view/default/goods_list.html
Executable file
@ -0,0 +1,78 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商品列表 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="__MOBILE__/css/goods_list.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<header class="ui-header ui-header-positive wst-se-header2" style="border-bottom: 1px solid #f6f6f8;">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i>
|
||||
<div class="wst-se-search">
|
||||
<i class="ui-icon-search" onclick="javascript:WST.searchPage('goods',1);"></i>
|
||||
<form action＝"" class="input-form" onclick="javascript:WST.searchPage('goods',1);">
|
||||
<input type="search" value="{$keyword}" placeholder="按关键字搜索商品" onsearch="WST.search(0)" autocomplete="off" disabled="disabled">
|
||||
</form>
|
||||
</div>
|
||||
<span class="wst-se-icon" onclick="javascript:switchList(this);"></span>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="" value="{$keyword}" id="keyword" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$catId}" id="catId" autocomplete="off">
|
||||
<input type="hidden" name="" value="{$brandId}" id="brandId" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="condition" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="desc" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
<section class="ui-container">
|
||||
<div class="ui-row-flex wst-shl-head">
|
||||
<div class="ui-col ui-col sorts active" status="down" onclick="javascript:orderCondition(this,0);">
|
||||
<p class="pd0">销量</p><i class="down2"></i>
|
||||
</div>
|
||||
<div class="ui-col ui-col sorts" status="down" onclick="javascript:orderCondition(this,1);">
|
||||
<p class="pd0">价格</p><i class="down"></i>
|
||||
</div>
|
||||
<div class="ui-col ui-col sorts" status="down" onclick="javascript:orderCondition(this,2);">
|
||||
<p class="pd0">人气</p><i class="down"></i>
|
||||
</div>
|
||||
<div class="ui-col ui-col sorts" status="down" onclick="javascript:orderCondition(this,3);">
|
||||
<p>上架时间</p><i class="down"></i>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="ui-tab-content">
|
||||
<li id="goods-list"></li>
|
||||
</ul>
|
||||
</section>
|
||||
<script id="list" type="text/html">
|
||||
{{# if(d && d.length>0){ }}
|
||||
{{# for(var i=0; i<d.length; i++){ }}
|
||||
<div class="wst-in-goods {{# if((i)%2==0){ }}left{{# }else{ }}right{{# } }}" onclick="javascript:WST.intoGoods({{ d[i].goodsId }});">
|
||||
<div class="img j-imgAdapt"><a href="javascript:void(0);" onclick="javascript:WST.intoGoods({{ d[i].goodsId }});"><img src="__IMGURL__/{:WSTConf('CONF.goodsLogo')}" data-echo="__IMGURL__/{{ d[i].goodsImg }}" title="{{ d[i].goodsName }}"/></a></div>
|
||||
<div class="name ui-nowrap-multi">{{ d[i].goodsName }}</div>
|
||||
<div class="tags ui-nowrap-multi">
|
||||
{{# if(d[i].isSelf==1){ }}<span class='tag'>自营</span>{{# } }}
|
||||
{{# if(d[i].isFreeShipping==1){ }}<span class='tag'>包邮</span>{{# } }}
|
||||
{{ d[i]['tags']!=undefined?d[i]['tags'].join(' '):'' }}
|
||||
</div>
|
||||
<div class="info"><span class="price">¥ <span>{{ d[i].shopPrice }}</span></span></div>
|
||||
<div class="info2"><span class="price">好评率{{ d[i].praiseRate }}</span><span class="deal">成交数:{{ d[i].saleNum }}</span></div>
|
||||
</div>
|
||||
{{# } }}
|
||||
{{# }else{ }}
|
||||
<div class="wst-prompt-icon"><img src="__MOBILE__/img/nothing-goods.png"></div>
|
||||
<div class="wst-prompt-info">
|
||||
<p>对不起，没有相关商品。</p>
|
||||
</div>
|
||||
{{# } }}
|
||||
</script>
|
||||
{/block}
|
||||
{block name="include"}
|
||||
{include file="default/goods_search" /}
|
||||
<div class="wst-toTop" style="display: block;bottom: 0.68rem;">
|
||||
<a href="{:url('mobile/goods/history')}"><i class="wst-toHistoryimg"></i></a>
|
||||
</div>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/swiper.jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/goods_list.js?v={$v}'></script>
|
||||
{/block}
|
||||
31
hyhproject/mobile2/view/default/goods_search.html
Executable file
31
hyhproject/mobile2/view/default/goods_search.html
Executable file
@ -0,0 +1,31 @@
|
||||
<div class="wst-co-search" id="wst-goods-search">
|
||||
<header class="ui-header ui-header-positive wst-se-header2" style="border-bottom: 1px solid #f6f6f8;">
|
||||
<i class="ui-icon-return" onclick="javascript:WST.searchPage('goods',0);"></i>
|
||||
<div class="wst-se-search">
|
||||
<i class="ui-icon-search" onclick="javascript:WST.search(0);"></i>
|
||||
<form action＝"" class="input-form">
|
||||
<input type="search" value="" placeholder="按关键字搜索商品" onsearch="WST.search(0)" autocomplete="off" id="wst-search">
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
<div class="list">
|
||||
<p class="search"><i></i>热门搜索</p>
|
||||
{php}$hotWordsSearch = WSTConf("CONF.hotWordsSearch");
|
||||
if($hotWordsSearch!='')$hotWordsSearch = explode(',',$hotWordsSearch);{/php}
|
||||
<div class="term">
|
||||
{volist name="$hotWordsSearch" id="hot"}
|
||||
<a href="{:url('mobile/goods/lists',['keyword'=>$hot])}">{$hot}</a>
|
||||
{/volist}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script>
|
||||
jQuery.noConflict();
|
||||
document.addEventListener('touchmove', function(event) {
|
||||
//阻止背景页面滚动,
|
||||
if(!jQuery("#wst-goods-search").is(":hidden")){
|
||||
event.preventDefault();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
39
hyhproject/mobile2/view/default/goodsconsult/consult.html
Executable file
39
hyhproject/mobile2/view/default/goodsconsult/consult.html
Executable file
@ -0,0 +1,39 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}发表咨询 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/consult.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<div id="info_list">
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i><h1>发表咨询</h1>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="goodsId" value="{$goodsId}" id="goodsId" autocomplete="off">
|
||||
<section class="ui-container">
|
||||
<ul class="gcplist">
|
||||
<li>
|
||||
<label>
|
||||
咨询类型：
|
||||
<select id="consultType">
|
||||
{volist name=":WSTDatas('COUSULT_TYPE')" id="vo"}
|
||||
<option name="pointType" value="{$vo.dataVal}">{$vo.dataName}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</label>
|
||||
</li>
|
||||
<li>咨询内容：</li>
|
||||
<li><textarea id="consultContent"></textarea></li>
|
||||
<li style="text-align:center;">
|
||||
<button class="consult-button" onclick="consultCommit();">
|
||||
提交
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/goodsconsult/consult.js?v={$v}'></script>
|
||||
{/block}
|
||||
89
hyhproject/mobile2/view/default/goodsconsult/consult.js
Executable file
89
hyhproject/mobile2/view/default/goodsconsult/consult.js
Executable file
@ -0,0 +1,89 @@
|
||||
jQuery.noConflict();
|
||||
// 获取商品咨询
|
||||
function getgoodsConsultList(){
|
||||
$('#Load').show();
|
||||
loading = true;
|
||||
var param = {};
|
||||
param.goodsId = $('#goodsId').val();
|
||||
param.pagesize = 10;
|
||||
param.page = Number( $('#currPage').val() ) + 1;
|
||||
$.post(WST.U('mobile/goodsconsult/listQuery'), param, function(data){
|
||||
var json = WST.toJson(data);
|
||||
json = json.data;
|
||||
var html = '';
|
||||
if(json && json.Rows && json.Rows.length>0){
|
||||
var gettpl = document.getElementById('gcList').innerHTML;
|
||||
laytpl(gettpl).render(json.Rows, function(html){
|
||||
$('#_gcList').append(html);
|
||||
});
|
||||
$('#currPage').val(data.data.CurrentPage);
|
||||
$('#totalPage').val(data.data.TotalPage);
|
||||
}else{
|
||||
html += '<p style="text-align:center;margin-top:10px;">暂无商品咨询~</p>';
|
||||
$('#_gcList').html(html);
|
||||
}
|
||||
loading = false;
|
||||
$('#Load').hide();
|
||||
echo.init();//图片懒加载
|
||||
});
|
||||
}
|
||||
function consultListInit(){
|
||||
var currPage = totalPage = 0;
|
||||
var loading = false;
|
||||
$(document).ready(function(){
|
||||
getgoodsConsultList();
|
||||
var dataHeight = $("#frame").css('height');
|
||||
$("#frame").css('top',0);
|
||||
var dataWidth = $("#frame").css('width');
|
||||
$("#frame").css('right','-'+dataWidth);
|
||||
$(window).scroll(function(){
|
||||
if (loading) return;
|
||||
if ((5 + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
|
||||
currPage = Number( $('#currPage').val() );
|
||||
totalPage = Number( $('#totalPage').val() );
|
||||
if( totalPage > 0 && currPage < totalPage ){
|
||||
getgoodsConsultList();
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
$(function(){WST.initFooter()});
|
||||
/* 发布咨询 */
|
||||
function consult(){
|
||||
var goodsId = $('#goodsId').val();
|
||||
location.href=WST.U('mobile/goodsconsult/consult',{goodsId:goodsId});
|
||||
}
|
||||
// 提交商品咨询
|
||||
function consultCommit(){
|
||||
var params={};
|
||||
params.goodsId = $('#goodsId').val();
|
||||
params.consultType = $('#consultType').val();
|
||||
if(params.consultType<=0){
|
||||
WST.msg('请选择咨询类别','info');
|
||||
return;
|
||||
}
|
||||
params.consultContent = $('#consultContent').val();
|
||||
if(params.consultContent == ''){
|
||||
WST.msg('请输入咨询内容','info');
|
||||
return;
|
||||
}
|
||||
if(params.consultContent.length<3 || params.consultContent.length>200){
|
||||
WST.msg('咨询内容应为3-200个字','info');
|
||||
return;
|
||||
}
|
||||
WST.load('正在提交，请稍后...');
|
||||
$.post(WST.U('mobile/goodsconsult/add'),params,function(responData){
|
||||
WST.noload();
|
||||
var json = WST.toJson(responData);
|
||||
if(json.status==1){
|
||||
// 发布成功
|
||||
WST.msg(json.msg,'success');
|
||||
setTimeout(function(){
|
||||
history.go(-1);
|
||||
},1000);
|
||||
}else{
|
||||
WST.msg(json.msg,'warn');
|
||||
}
|
||||
})
|
||||
}
|
||||
59
hyhproject/mobile2/view/default/goodsconsult/list.html
Executable file
59
hyhproject/mobile2/view/default/goodsconsult/list.html
Executable file
@ -0,0 +1,59 @@
|
||||
{extend name="default/base" /}
|
||||
{block name="title"}商品咨询 - {__block__}{/block}
|
||||
{block name="css"}
|
||||
<link rel="stylesheet" href="__MOBILE__/css/consult.css?v={$v}">
|
||||
{/block}
|
||||
{block name="header"}
|
||||
<div id="info_list">
|
||||
<header style="background:#ffffff;" class="ui-header ui-header-positive ui-border-b wst-header">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i><h1>商品咨询</h1>
|
||||
<div class="consult" onclick="consult()"></div>
|
||||
</header>
|
||||
{/block}
|
||||
{block name="main"}
|
||||
<input type="hidden" name="goodsId" value="{$goodsId}" id="goodsId" autocomplete="off">
|
||||
|
||||
<input type="hidden" name="" value="" id="currPage" autocomplete="off">
|
||||
<input type="hidden" name="" value="" id="totalPage" autocomplete="off">
|
||||
|
||||
<script type="text/html" id="gcList">
|
||||
{{# for(var i=0;i<d.length;i++){ }}
|
||||
<li>
|
||||
<p class="gc-item-tit">
|
||||
<span>{{(WST.blank(d[i].loginName)=='')?'游客':d[i].loginName}}</span>
|
||||
<span class="item-time">{{d[i].createTime}}</span>
|
||||
</p>
|
||||
<div class="question-box cf">
|
||||
<span class="question-pic"></span>
|
||||
<div class="question-content">
|
||||
<span>{{d[i].consultContent}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
{{# if(WST.blank(d[i].reply)!=''){ }}
|
||||
<div class="question-box cf">
|
||||
<span class="question-pic answer-pic"></span>
|
||||
<div class="question-content answer-content">
|
||||
<span>{{d[i].reply}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wst-clear"></div>
|
||||
{{# } }}
|
||||
</li>
|
||||
{{# } }}
|
||||
</script>
|
||||
<section class="ui-container" id="newsListBox">
|
||||
<div class="gcListBox">
|
||||
<ul class="gcList" id="_gcList">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
{/block}
|
||||
{block name="js"}
|
||||
<script>
|
||||
$(function(){consultListInit()});
|
||||
</script>
|
||||
<script type='text/javascript' src='__MOBILE__/js/jquery.min.js'></script>
|
||||
<script type='text/javascript' src='__MOBILE__/goodsconsult/consult.js?v={$v}'></script>
|
||||
{/block}
|
||||
3
hyhproject/mobile2/view/default/header.html
Executable file
3
hyhproject/mobile2/view/default/header.html
Executable file
@ -0,0 +1,3 @@
|
||||
<header class="ui-header ui-header-positive wst-header">
|
||||
<i class="ui-icon-return" onclick="history.back()"></i><h1>{$Title}</h1>
|
||||
</header>
|
||||
BIN
hyhproject/mobile2/view/default/img/1.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/1.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
BIN
hyhproject/mobile2/view/default/img/2.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/2.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
hyhproject/mobile2/view/default/img/232323.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/232323.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
hyhproject/mobile2/view/default/img/3.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/3.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
BIN
hyhproject/mobile2/view/default/img/4.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/4.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
BIN
hyhproject/mobile2/view/default/img/5.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/5.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
hyhproject/mobile2/view/default/img/5656.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/5656.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
hyhproject/mobile2/view/default/img/66666.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/66666.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
hyhproject/mobile2/view/default/img/8585.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/8585.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
hyhproject/mobile2/view/default/img/QA-icon.png
Executable file
BIN
hyhproject/mobile2/view/default/img/QA-icon.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
hyhproject/mobile2/view/default/img/QQ20170814092939.jpg
Executable file
BIN
hyhproject/mobile2/view/default/img/QQ20170814092939.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
hyhproject/mobile2/view/default/img/QQ20170914154124.png
Executable file
BIN
hyhproject/mobile2/view/default/img/QQ20170914154124.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2_bg1.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2_bg1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2_footer.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2_footer.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2_sanjiao.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2_sanjiao.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2_title_bg.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2_title_bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2_zdzb_bg.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2_zdzb_bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
hyhproject/mobile2/view/default/img/ac2activity_bg.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac2activity_bg.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 143 KiB |
BIN
hyhproject/mobile2/view/default/img/ac3_bg1.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac3_bg1.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
hyhproject/mobile2/view/default/img/ac3_bg2.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac3_bg2.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
hyhproject/mobile2/view/default/img/ac3_bg3.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac3_bg3.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
hyhproject/mobile2/view/default/img/ac3_bg4.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac3_bg4.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
BIN
hyhproject/mobile2/view/default/img/ac3_bg5.png
Executable file
BIN
hyhproject/mobile2/view/default/img/ac3_bg5.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user