zimt/littleTiger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

第二次提交

Browse Source
This commit is contained in:
zufeng555
2019-03-01 17:32:10 +08:00
parent 26f08a2fc3
commit 4fc9126214
224 changed files with 66862 additions and 1338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
template/pc/rainbow/article/listdd.html Normal file
View File

@@ -0,0 +1,68 @@
<head>
<style>
.shop-body {
padding-top: 100px;
height: 150px;
}
.shop-body .img {
float: left;
margin-left: 260px;
margin-top: -50px;
}
.shop-body .title {
font-weight: bold;
font-size: 18px;
margin-left: 500px;
margin-top: -30px;
height: 40px;
width: 1050px;
border-bottom: 1px solid #ccc;
}
.shop-body .title_cha {
float: right;
height: 40px;
width: 100px;
margin-top: -25px;
letter-spacing: 6px;
}
.shop-body .content {
margin-left: 500px;
margin-top: 10px;
width: 1050px;
height: 70px;
}
</style>
</head>
<body>
<include file="public/header"/>
<tpshop sql="select * from `__PREFIX__article_cat` where cat_id = 2 order by sort_order asc" key="k" item='v'>
<dl>
<!--<dt>{$v[cat_name]}</dt>-->
<tpshop sql="select * from `__PREFIX__article` where cat_id = $v[cat_id] and is_open=1 limit 5" key="k2"
item='v2'>
<!--<dd ><img src="{$v2[thumb]}"></dd>-->
<div class="shop-body">
<dd class="img"><img style="max-width:100%;max-height:100%;" src="{$v2[thumb]}"></dd>
<dd class="title"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[title]}</a>
<dd class="title_cha">{$v2[keywords]}</dd>
<dd class="content"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[description]}</a>
</dd>
</div>
</tpshop>
</dl>
</tpshop>
<include file="public/footer"/>
</body>

39
template/pc/rainbow/goods/goodsInfo.html
View File

@@ -413,44 +413,7 @@
</div>
<!--搭配购组合套餐 s-->
<include file="goods/goodsInfoCombination"/>
<!--搭配购组合套餐 e-->
<div class="detail-main p">
<div class="w1224">
<div class="deta-le-ma">
<div class="type_more">
<div class="type-top">
<h2>热搜推荐</h2>
</div>
<div class="type-bot">
<ul class="xg_typ">
<foreach name="tpshop_config.hot_keywords" item="wd" key="k">
<li><a href="{:U('Home/Goods/search',array('q'=>$wd))}">{$wd}</a></li>
</foreach>
</ul>
</div>
</div>
<div class="type_more ma-to-20">
<div class="type-top">
<h2>推荐热卖</h2>
</div>
<div class="tjhot-shoplist type-bot">
<tpshop sql="select goods_id,goods_name,shop_price from __PREFIX__goods where is_recommend=1 and is_on_sale = 1 order by goods_id desc limit 10"
item="vo" key="k">
<div class="alone-shop">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$vo[goods_id]))}"><img
src="{$vo.goods_id|goods_thum_images=206,206}" style="display: inline;"></a>
<p class="line-two-hidd"><a href="{:U('Home/Goods/goodsInfo',array('id'=>$vo[goods_id]))}">{$vo.goods_name|getSubstr=0,30}</a>
</p>
<p class="price-tag"><span class="li_xfo">￥</span><span>{$vo.shop_price}</span></p>
<!--<p class="store-alone"><a href="">恒要达食品专享店</a></p>-->
</div>
</tpshop>
</div>
</div>
</div>
<include file="goods/goodsInfoDetail"/>
</div>
</div>
<script type="text/javascript">
// 商品详情页 滚动到一定位置固定定位
$(window).scroll(function () {

272
template/pc/rainbow/goods/search.html
View File

@@ -40,191 +40,25 @@
</div>
</div>
</div>
<!-- 筛选 start -->
<div class="search-opt">
<div class="w1430">
<div class="opt-list">
<!-- 品牌筛选 start -->
<if condition="$filter_brand neq null">
<dl class="brand-section m-tr">
<dt>品牌</dt>
<dd class="ri-section">
<div class="lf-list">
<div class="brand-box brand-list">
<div class="clearfix p">
<foreach name="filter_brand" item="v" key="k">
<a href="{$v[href]}" data-href="{$v[href]}" data-key='brand' data-val='{$v[id]}'>
<i class="litt-zd"></i>
<img src="{$v[logo]}"/>
<span>{$v[name]}</span>
</a>
</foreach>
</div>
<div class="surclofix p">
<a href="javascript:;" class="u-confirm" onClick="submitMoreFilter('brand',this);">确定</a>
<a href="javascript:;" class="u-cancel">取消</a>
</div>
</div>
</div>
<div class="lr-more">
<a href="javascript:void(0)"><span class="dx_choice">多选</span><i class="litt-pluscr"></i></a>
<if condition="count($filter_brand) gt 10">
<a href="javascript:void(0)"><span class="gd_more">更多</span><i class="litt-tcr"></i></a>
</if>
</div>
</dd>
</dl>
</if>
<!-- 品牌筛选 end -->
<!-- 规格筛选 start -->
<if condition="$filter_spec neq null">
<foreach name="filter_spec" item="v" key="k">
<dl class="brand-section m-tr">
<dt>{$v.name}</dt>
<dd class="ri-section">
<div class="lf-list">
<div class="brand-list">
<div class="clearfix p">
<foreach name="v[item]" item="v2" key="k2">
<a href="{$v2[href]}" data-href="{$v2[href]}" data-key='{$v2[key]}' data-val='{$v2[val]}'>
<input class="shaix_la" type="checkbox" style="display: none"/>
<span>{$v2[item]}</span>
</a>
</foreach>
</div>
<div class="surclofix p">
<a href="javascript:;" class="u-confirm" onClick="submitMoreFilter('spec',this);">确定</a>
<a href="javascript:;" class="u-cancel">取消</a>
</div>
</div>
</div>
<div class="lr-more">
<a href="javascript:void(0)"><span class="dx_choice">多选</span><i class="litt-pluscr"></i></a>
<if condition="count($v['item']) gt 11">
<a href="javascript:void(0)"><span class="gd_more">更多</span><i class="litt-tcr"></i></a>
</if>
</div>
</dd>
</dl>
</foreach>
</if>
<!-- 规格筛选 end -->
<!-- 属性筛选 start -->
<if condition="$filter_attr neq null">
<foreach name="filter_attr" item="v" key="k">
<dl class="brand-section m-tr">
<dt>{$v.attr_name}</dt>
<dd class="ri-section">
<div class="lf-list">
<div class="brand-list">
<div class="clearfix p">
<foreach name="v[attr_value]" item="v2" key="k2">
<a href="{$v2[href]}" data-href="{$v2[href]}" data-key='{$v2[key]}' data-val='{$v2[val]}'>
<input class="shaix_la" type="checkbox" style="display: none"/>
<span>{$v2[attr_value]}</span>
</a>
</foreach>
</div>
<div class="surclofix p">
<a href="javascript:;" class="u-confirm" onClick="submitMoreFilter('attr',this);">确定</a>
<a href="javascript:;" class="u-cancel">取消</a>
</div>
</div>
</div>
<div class="lr-more">
<a href="javascript:void(0)"><span class="dx_choice">多选</span><i class="litt-pluscr"></i></a>
<if condition="count($v['attr_value']) gt 11">
<a href="javascript:void(0)"><span class="gd_more">更多</span><i class="litt-tcr"></i></a>
</if>
</div>
</dd>
</dl>
</foreach>
</if>
<!-- 属性筛选 end -->
<!-- 价格筛选 start -->
<if condition="$filter_price neq null">
<dl class="brand-section m-tr">
<dt>价格</dt>
<dd class="ri-section">
<div class="lf-list">
<div class="brand-list">
<div class="clearfix p">
<foreach name="filter_price" item="v" key="k">
<a href="{$v[href]}" data-href="{$v[href]}" data-key='{$v[key]}' data-val='{$v[val]}'>
<span>{$v[value]}</span>
</a>
</foreach>
</div>
</div>
</div>
<div class="lr-more">
<!--<a href="javascript:void(0)"><span class="dx_choice">多选</span><i class="litt-pluscr"></i></a>
<a href="javascript:void(0)"><span class="gd_more">更多</span><i class="litt-tcr"></i></a>-->
<form action="<?php echo urldecode(U('/Home/Goods/search',$filter_param,''));?>" method="post" id="price_form">
<input type="text" onpaste="this.value=this.value.replace(/[^\d]/g,'')" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" name="start_price" id="start_price" value=""/>
<span>-</span>
<input type="text" onpaste="this.value=this.value.replace(/[^\d]/g,'')" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" name="end_price" id="end_price" value=""/>
<input type="submit" value="确定" onClick="if($('#start_price').val() !='' && $('#end_price').val() !='' ) $('#price_form').submit();"/>
</form>
</div>
</dd>
</dl>
</if>
<!-- 价格筛选 end -->
</div>
<p class="moreamore"><a href="">浏览更多</a></p>
</div>
</div>
<!-- 筛选 end -->
<div class="shop-list-tour ma-to-20 p">
<div class="w1430">
<div class="tjhot fl">
<div class="sx_topb"><h3>推荐热卖</h3></div>
<div class="tjhot-shoplist" id="ajax_hot_goods">
<tpshop sql="select * from `__PREFIX__goods` where is_recommend = 1 and is_on_sale = 1 limit 5" item="vo" key="k">
<div class="alone-shop">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$vo.goods_id))}"><img class="lazy" data-original="{$vo.goods_id|goods_thum_images=180,180}"/></a>
<p class="line-two-hidd"><a href="{:U('Home/Goods/goodsInfo',array('id'=>$vo.goods_id))}">{$vo.goods_name}</a></p>
<p class="price-tag"><span class="li_xfo">￥</span><span>{$vo.shop_price}</span></p>
</div>
</tpshop>
</div>
<!--<div class="sx_topb ma-to-20"><h3>销量排行</h3></div>-->
<!--<div class="tjhot-shoplist" id="ajax_sales_goods">-->
<!--<script>-->
<!--/****左侧边栏销量排行****/-->
<!--function ajax_sales_goods() {-->
<!--$.ajax({-->
<!--type: "POST",-->
<!--url: "/index.php?m=Home&c=Goods&a=ajaxSalesGoods",//+tab,-->
<!--data:{filter_goods_id_str:"{$filter_goods_id_str}"},-->
<!--success: function (data) {-->
<!--if(data){-->
<!--$('#ajax_sales_goods').html(data);-->
<!--lazy_ajax();-->
<!--}-->
<!--}-->
<!--});-->
<!--}-->
<!--</script>-->
<!--</div>-->
</div>
<div class="stsho fr">
<div class="sx_topb ba-dark-bg">
<div class="f-sort fl">
<ul>
<li class="<if condition="$Request.param.sort eq ''">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",$filter_param,''));?>">综合</a></li>
<li class="<if condition="$Request.param.sort eq 'sales_sum'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'sales_sum')),''));?>">销量</a></li>
<if condition="$Request.param.sort_asc eq 'desc'">
<li class="<if condition="$Request.param.sort eq 'shop_price'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'shop_price','sort_asc'=>'asc')),''));?>">价格<i class="litt-zzx1"></i></a></li>
<else />
<li class="<if condition="$Request.param.sort eq 'shop_price'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'shop_price','sort_asc'=>'desc')),''));?>">价格<i class="litt-zzx1"></i></a></li>
</if>
<li class="<if condition="$Request.param.sort eq 'comment_count'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'comment_count')),''));?>">评论</a></li>
<li class="<if condition="$Request.param.sort eq 'is_new'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'is_new')),''));?>">新品</a></li>
</ul>
</div>
<!--<div class="f-sort fl">-->
<!--<ul>-->
<!--<li class="<if condition="$Request.param.sort eq ''">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",$filter_param,''));?>">综合</a></li>-->
<!--<li class="<if condition="$Request.param.sort eq 'sales_sum'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'sales_sum')),''));?>">销量</a></li>-->
<!--<if condition="$Request.param.sort_asc eq 'desc'">-->
<!--<li class="<if condition="$Request.param.sort eq 'shop_price'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'shop_price','sort_asc'=>'asc')),''));?>">价格<i class="litt-zzx1"></i></a></li>-->
<!--<else />-->
<!--<li class="<if condition="$Request.param.sort eq 'shop_price'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'shop_price','sort_asc'=>'desc')),''));?>">价格<i class="litt-zzx1"></i></a></li>-->
<!--</if>-->
<!--<li class="<if condition="$Request.param.sort eq 'comment_count'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'comment_count')),''));?>">评论</a></li>-->
<!--<li class="<if condition="$Request.param.sort eq 'is_new'">red</if>"><a href="<?php echo urldecode(U("/Home/Goods/search",array_merge($filter_param,array('sort'=>'is_new')),''));?>">新品</a></li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="f-address fl">-->
<!--<div class="shd_address">-->
<!--<div class="shd">收货地：</div>-->
@@ -307,40 +141,40 @@
</div>
</div>
<div class="underheader-floor p specilike">
<div class="w1430">
<div class="layout-title">
<span class="fl">猜你喜欢</span>
<span class="update_h fr" onclick="favourite();">
<i class="litt-hyh"></i>
换一换
</span>
</div>
<ul class="ul-li-column p" id="favourite_goods">
</ul>
</div>
<!--<div class="w1430">-->
<!--<div class="layout-title">-->
<!--<span class="fl">猜你喜欢</span>-->
<!--<span class="update_h fr" onclick="favourite();">-->
<!--<i class="litt-hyh"></i>-->
<!--换一换-->
<!--</span>-->
<!--</div>-->
<!--<ul class="ul-li-column p" id="favourite_goods">-->
<!--</ul>-->
<!--</div>-->
</div>
<script>
/****猜你喜欢****/
var favorite_page = 0;
function favourite()
{
favorite_page++;
$.ajax({
type: "GET",
url: "/index.php?m=Home&c=Index&a=ajax_favorite&i=7&p="+favorite_page,//+tab,
success: function (data) {
if(data == ''&& favorite_page > 1){
favorite_page = 0;
favourite();
}else{
$('#favourite_goods').html(data);
lazy_ajax();
}
<!--<script>-->
<!--/****猜你喜欢****/-->
<!--var favorite_page = 0;-->
<!--function favourite()-->
<!--{-->
<!--favorite_page++;-->
<!--$.ajax({-->
<!--type: "GET",-->
<!--url: "/index.php?m=Home&c=Index&a=ajax_favorite&i=7&p="+favorite_page,//+tab,-->
<!--success: function (data) {-->
<!--if(data == ''&& favorite_page > 1){-->
<!--favorite_page = 0;-->
<!--favourite();-->
<!--}else{-->
<!--$('#favourite_goods').html(data);-->
<!--lazy_ajax();-->
<!--}-->
}
});
}
</script>
<!--}-->
<!--});-->
<!--}-->
<!--</script>-->
<!--footer-s-->
<div class="footer p">
<include file="public/footer" />
@@ -451,13 +285,13 @@
}
}
});
if($(this).hasClass('checked')){
$(this).removeClass('checked').html('<a class="red">收起</a>');
}else{
$(this).addClass('checked').html('<a >更多选项</a>');
}
// if($(this).hasClass('checked')){
// $(this).removeClass('checked').html('<a class="red">收起</a>');
// }else{
// $(this).addClass('checked').html('<a >更多选项</a>');
// }
})
$('.moreamore').trigger('click').html('<a >更多选项</a>'); // 默认点击一下
// $('.moreamore').trigger('click').html('<a >更多选项</a>'); // 默认点击一下
//############ 更多类别属性筛选end ###########
/***价格排序 start*****/

101
template/pc/rainbow/illustrations/illustrations.html Normal file
View File

@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/public/static/csse/index.css" />
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<title></title>
<script>
function myFunction(){
$.ajax({
type: "POST",
url: "{:U('Illustrations/consult')}",
data: $('#consultForm').serialize(),
dataType: "json",
success: function (data) {
if (data.status == 1) {
alert("申请成功");
} else {
alert("申请失败")
}
}
});
}
</script>
</head>
<body>
<include file="public/header"/>
<div class="shop-head2">
<div class="fi" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
水&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;彩
</div>
<div class="se" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
厚&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图
</div>
<div class="thrd" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
多&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
</div>
<div class="fou" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
彩&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;铅
</div>
<div class="fif" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
绘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本
</div>
<div class="six" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
教&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;材
</div>
</div>
<form method="post" id="consultForm" style="margin-left: 30%;">
<div class="publish-cont">
<div class="nickname" style="margin-top: 2%;">
<img src="/public/static/images/tigehu.jpg" style="margin-left: -10%;"></img>
昵称:
<if condition="empty($username)">
<input type="text" name="username" placeholder="请输入昵称" value=""/>
<else/>
{$username}
<input type="hidden" name="username" value="{$username}" readonly/>
</if>
</div>
<div style="margin-left: 10px;margin-top: 3%;">
<label><b>请输入您的建议</b></label>
</div>
<div style="margin-top: 2%;">
<input type="text" name="model" id="model" placeholder=" 请输入您的建议" value="" style=" border-radius: 30px/50px;width: 60%;height: 30px;border: 1px solid #ccc;outline: none; "/>
</div>
<div style="margin-left: 10px;margin-top: 3%;">
<label><b>请输入您的手机号</b></label>
</div>
<div style="margin-top: 2%;">
<input type="text" name="dess" id="dess" placeholder=" 请输入您的手机号" value="" style=" border-radius: 30px/50px;width: 60%;height: 30px;border: 1px solid #ccc;outline: none; "/>
</div>
<div style="margin-top: 3%;">
<label><b>您需要小虎需要做些什么</b></label>
</div>
<div style="margin-top: 2%;">
<textarea class="publish-des" placeholder="您需要小虎需要做些什么" name="content"
id="content" style="width: 60%;height: 60px;"></textarea>
</div>
<div style="margin-top: 2%;">
<button onclick="myFunction()" style="margin: 0;padding: 0;border: 0px solid transparent;outline: none; ">
<img src="/public/static/images/buttonhu.jpg" /></button>
</div>
<div style="margin-top: 2%;margin-left: 25%;">
<b>小虎子客服正在驾到</b>
</div>
<div style="margin-top: 2%;">
</div>
</div>
</form>
<include file="public/footer"/>
</body>
</html>

307
template/pc/rainbow/index/index.html
View File

@@ -12,6 +12,108 @@
<script type="text/javascript" src="__STATIC__/js/base.js"></script>
<title>小虎子商业插图</title>
<style>
.lengchen{
height: 900px;
}
.lengchen .lc1{
font-weight: bold;
font-size: 30px;
height: 200px;
background: white;
text-align: center;
line-height:200px;
}
.lengchen .lc2{
margin-left: 300px;
margin-top: 70px;
margin-right: 30px;
float:left;
width:600px;
height: 270px;
}
.lengchen .lc3{
margin-top: 50px;
float:left;
width:600px;
height: 300px;
background: #dc2529;
}
.lengchen .lc3 .lc4{
font-size: 20px;
float:left;
font-weight: bold;
color: #fff;
margin-top: 90px;
margin-left: 60px;
width:300px;
height: 30px;
}
.lengchen .lc3 .lc5{
font-size: 16px;
float:left;
color: #fff;
margin-top: 10px;
padding-top: 15px;
margin-left: 60px;
width:500px;
height: 60px;
border-top: 1px solid rgba(255,255,255,0.4);
line-height: 1.5;
}
.lengchen2{
height: 400px;
padding-left: 160px;
}
.lengchen2 .sheji2{
float: left;
width: 350px;
height: 200px;
background:#f5f5f5 ;
margin-top: 150px;
margin-right: 50px;
}
.lengchen2 .sheji2 .ren1{
font-size: 16px;
float: left;
text-align: center;
width: 220px;
height: 50px;
margin-top: 30px;
background:#f5f5f5 ;
}
.lengchen2 .sheji2 .ren2{
width: 100px;
height: 100px;
float: left;
margin-left: 230px;
background: #fff;
margin-top: -100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.lengchen2 .sheji2 .ren3{
font-size: 14px;
color: grey;
float: left;
width: 300px;
height: 60px ;
background:#f5f5f5 ;
margin-left: 25px;
margin-top: 10px;
}
.lengchen2 .sheji2 .ren4{
font-size: 14px;
float: left;
width: 80px;
height: 30px;
margin-left: 260px;
margin-top: 10px;
border: 1px solid #ccc;
text-align: center;
line-height: 30px;
}
</style>
</head>
<body>
@@ -24,14 +126,21 @@
<div class="bannertop mw1600 h350 pt30">
<div class="left flex1">
<ul class="">
<a href="">
<li class="">小虎子家</li>
<a href="/Home/Aboutus/connect/connect.html">
<li class="">关于小虎子</li>
</a>
<a href="">
<li class="">关于小虎子</li>
</a>
<a href="/Home/Illustrations/illustrations.html">
<li class="">插图 绘本定制</li>
</a>
<a href="/Home/Article/listdd.html">
<li class="">插画课程</li>
</a>
<a href="/Home/Aboutus/connect/connect.html">
<li class="">联系我们</li>
</a>
</ul>
</div>
<div class="center flex1">
@@ -39,8 +148,8 @@
</div>
<div class="right flex1 ">
<div>
<a href="{:U('Home/User/login')}">注册</a>
<a href="{:U('Home/User/reg')}">登录</a>
<a href="{:U('Home/User/reg')}">注册</a>
<a href="{:U('Home/User/login')}">登录</a>
</div>
</div>
</div>
@@ -81,32 +190,26 @@
<div class="classify bgf7f7f7">
<ul class=" mw1600">
<li class="bg009a44 <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bg009a44 <if condition=" $Request.param.sort eq ''">red</if>">
<a class="" href="{:U('Home/Goods/goodsList',array('id'=>582))}">水彩</a>
</li>
<li class="bgf8a01a <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bgf8a01a <if condition=" $Request.param.sort eq ''">red</if>">
<a href="{:U('Home/Goods/goodsList',array('name'=>'厚图'))}">厚图</a>
</li>
<li class="bg00a0ea <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bg00a0ea <if condition=" $Request.param.sort eq ''">red</if>">
<a href="{:U('Home/Goods/goodsList',array('name'=>'多格'))}">多格</a>
</li>
<li class="bgde1f26 <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bgde1f26 <if condition=" $Request.param.sort eq ''">red</if>">
<a href="{:U('Home/Goods/goodsList',array('name'=>'彩铅'))}">彩铅</a>
</li>
<li class="bg005bac <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bg005bac <if condition=" $Request.param.sort eq ''">red</if>">
<a href="{:U('Home/Goods/goodsList',array('name'=>'绘本'))}">绘本</a>
</li>
<li class="bg643106 <if condition=" $Request.param.sort eq
''">red</if>">
<li class="bg643106 <if condition=" $Request.param.sort eq ''">red</if>">
<a href="{:U('Home/Goods/goodsList',array('name'=>'教材'))}">教材</a>
</li>
@@ -126,7 +229,7 @@
<div class="info">
<ul>
<foreach name="cateList" item="v" key="k">
<if condition="$v[id] eq 31">
<if condition="$v[id] eq 589">
<foreach name="v[hot_goods]" item="g" key="gk">
<if condition="$gk lt 12">
<li>
@@ -169,154 +272,44 @@
<div class="buttonurl mw530 floor4">
<div class="title title30 talign mtb40">
<a href="{:U('Home/Index/index')}">查看更多原创插画素材</a>
<a href="{:U('Home/Goods/search')}">查看更多原创插画素材</a>
</div>
</div>
</div>
<div class="new">
<div class="contentnew">
<div class="title fontcolor666666 title36 fw600 talign mtb40">小虎子咨询</div>
<div class="info bgf7f7f7 mt15">
<ul>
<li class="frist">
<div class="left">
<div>
<img class="mwo800" src="__STATIC__/css/img/index-01_31.jpg">
</div>
</div>
<div class="bgdc2529 right">
<div class="info percent100">
<div class="mwo800">
<p class="title ovhyc">小虎子设计完成多个漫画</p>
<p class="border"></p>
<p class="descript ovh">
更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,</p>
<p class="time">2018/11/11</p>
</div>
</div>
</div>
</li>
<li class="mt20 second">
<div class="bg666666 right">
<div class="info percent100">
<div class="mwo800 ">
<p class="title ovhyc">小虎子设计完成多个漫画</p>
<p class="border"></p>
<p class="descript ovh">
更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,更多小虎子动态,</p>
<p class="time">2018/11/11</p>
</div>
</div>
</div>
<div class="left">
<div>
<img class="mwo800" src="__STATIC__/css/img/index-01_31.jpg">
</div>
</div>
</li>
</ul>
<div class="lengchen">
<div class="lc1">
<a href="{:U('Home/index/index')}">小虎子咨询</a>
</div>
<tpshop sql="select * from `__PREFIX__article_cat` where cat_id < 2 order by sort_order asc" key="k" item='v'>
<dl>
<!--<dt>{$v[cat_name]}</dt>-->
<tpshop sql="select * from `__PREFIX__article` where cat_id = $v[cat_id] and is_open=1 limit 5" key="k2" item='v2'>
<dd class="lc2"><img src="{$v2[thumb]}"></dd>
<div class="lc3">
<dd class="lc4"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[title]}</a></dd>
<dd class="lc5"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[description]}</a></dd></div>
</tpshop>
</dl>
</tpshop>
</div>
<div class="contentnewer bgf7f7f7 pb120">
<ul class=" mw1600 ">
<li>
<div class="title">
<div class="name ovhyc">
<span>36氪&nbsp;资深记者&nbsp;温雨彤</span>
<!-- <span>36氪</span><span>资深记者</span><span>温雨彤</span> -->
</div>
<div class="pic prelative">
<img class="percent100" src="__STATIC__/css/img/timg.jpg">
</div>
</div>
<div class="descript ovh">
<p>
千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，</p>
</div>
<div class="author">
<div>
<img src="__STATIC__/css/img/logo-a6afc.png">
</div>
<div>
<p>编辑/媒体</p>
</div>
</div>
</li>
<div class="lengchen2">
<tpshop sql="select * from `__PREFIX__article_cat` where cat_id = 3 order by sort_order asc" key="k" item='v'>
<dl>
<li>
<div class="title">
<div class="name ovhyc">
<span>36氪&nbsp;资深记者&nbsp;温雨彤</span>
<!-- <span>36氪</span><span>资深记者</span><span>温雨彤</span> -->
</div>
<div class="pic prelative">
<img class="percent100" src="__STATIC__/css/img/timg.jpg">
</div>
</div>
<div class="descript ovh">
<p>
千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，</p>
</div>
<div class="author">
<div>
<img src="__STATIC__/css/img/logo-a6afc.png">
</div>
<div>
<p>编辑/媒体</p>
</div>
</div>
</li>
<!--<dt>{$v[cat_name]}</dt>-->
<tpshop sql="select * from `__PREFIX__article` where cat_id = $v[cat_id] and is_open=1 limit 5" key="k2" item='v2'>
<!--<dd ><img src="{$v2[thumb]}"></dd>-->
<div class="sheji2">
<dd class="ren1" ><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[title]}</a></dd>
<dd class="ren2"><img style="-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;max-width:100%;max-height:100%;" src="{$v2[thumb]}"></dd>
<dd class="ren3" ><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[description]}</a></dd>
<dd class="ren4" >{$v2[keywords]}</dd></div>
</tpshop>
<li>
<div class="title">
<div class="name ovhyc">
<span>36氪&nbsp;资深记者&nbsp;温雨彤</span>
<!-- <span>36氪</span><span>资深记者</span><span>温雨彤</span> -->
</div>
<div class="pic prelative">
<img class="percent100" src="__STATIC__/css/img/timg.jpg">
</div>
</div>
<div class="descript ovh">
<p>
千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，</p>
</div>
<div class="author">
<div>
<img src="__STATIC__/css/img/logo-a6afc.png">
</div>
<div>
<p>编辑/媒体</p>
</div>
</div>
</li>
<li>
<div class="title">
<div class="name ovhyc">
<span>36氪&nbsp;资深记者&nbsp;温雨彤</span>
<!-- <span>36氪</span><span>资深记者</span><span>温雨彤</span> -->
</div>
<div class="pic prelative">
<img class="percent100" src="__STATIC__/css/img/timg.jpg">
</div>
</div>
<div class="descript ovh">
<p>
千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，千图网有很多有优秀的图片，</p>
</div>
<div class="author">
<div class="left">
<img src="__STATIC__/css/img/logo-a6afc.png">
</div>
<div class="right">
<p>编辑/媒体</p>
</div>
</div>
</li>
</ul>
</dl>
</tpshop>
</div>
</div>
<div class="footer mw1920">

67
template/pc/rainbow/index/index1111.html
View File

@@ -10,6 +10,56 @@
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/js/global.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}" media="screen"/>
<style>
.lengchen{
height: 900px;
}
.lengchen .lc1{
font-weight: bold;
font-size: 30px;
height: 200px;
background: white;
text-align: center;
line-height:200px;
}
.lengchen .lc2{
margin-left: 300px;
margin-top: 70px;
margin-right: 30px;
float:left;
width:600px;
height: 270px;
}
.lengchen .lc3{
margin-top: 50px;
float:left;
width:600px;
height: 300px;
background: #dc2529;
}
.lengchen .lc3 .lc4{
font-size: 20px;
float:left;
font-weight: bold;
color: #fff;
margin-top: 90px;
margin-left: 60px;
width:300px;
height: 30px;
}
.lengchen .lc3 .lc5{
font-size: 16px;
float:left;
color: #fff;
margin-top: 10px;
padding-top: 15px;
margin-left: 60px;
width:500px;
height: 60px;
border-top: 1px solid rgba(255,255,255,0.4);
line-height: 1.5;
}
</style>
</head>
<body class="gray_f5">
<!--header-s-->
@@ -188,6 +238,23 @@
</div>
</div>
</foreach>
<div class="lengchen">
<div class="lc1">
<a href="{:U('Home/index/index')}">小虎子咨询</a>
</div>
<tpshop sql="select * from `__PREFIX__article_cat` where cat_id < 2 order by sort_order asc" key="k" item='v'>
<dl>
<!--<dt>{$v[cat_name]}</dt>-->
<tpshop sql="select * from `__PREFIX__article` where cat_id = $v[cat_id] and is_open=1 limit 5" key="k2" item='v2'>
<dd class="lc2"><img src="{$v2[thumb]}"></dd>
<div class="lc3">
<dd class="lc4"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[title]}</a></dd>
<dd class="lc5"><a href="{:U('Home/Article/detail',array('article_id'=>$v2[article_id]))}">{$v2[description]}</a></dd></div>
</tpshop>
</dl>
</tpshop>
</div>
<include file="public/footer"/>
<!--楼层导航-s-->

34
template/pc/rainbow/public/header.html
View File

@@ -12,35 +12,43 @@
<img src="/public/images/huzi.jpg" />
</a>
</div>
<div class="search">
<input type="text" class="search_input" placeholder="请输入您要搜索的素材"/>
<input type="button" class="search_btn"/>
<form style="width: 100%" id="searchFor" name="" method="get" action="{:U('Home/Goods/search')}">
<input autocomplete="off" name="q" id="q" value="{$Request.param.q}" type="text" class=" flex1 search_input" placeholder="请输入您要搜索的素材"/>
<input type="submit" value=" " class="search_btn"/>
</form>
</div>
<div class="menu" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
<div class="menu" >
小虎子家
</div>
<a href="/Home/Aboutus/connect/connect.html">
<div class="menuse" >
关于小虎子
</div>
</a>
<div class="menuse" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
<a href="/Home/Illustrations/illustrations.html">
<div class="menuse" >
插图，绘本定制
</div>
<div class="menuse" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
</a>
<div class="menuse" >
插画课程
</div>
<a href="/Home/Aboutus/connect/connect.html">
<div class="menuse">
联系我们
</div>
</a>
<div class="login">
<div class="login_left" onclick="window.open('http://127.0.0.1:8848/tpshop/index.html')">
注册
<div class="login_left">
<a href="{:U('Home/User/reg')}" style="color: white;text-decoration:none;">
注册</a>
</div>
<div class="login_right" onclick="window.open('https://www.baidu.com/')">
登录
<div class="login_right">
<a href="{:U('Home/User/login')}" style="color: white;text-decoration:none;">登录</a>
</div>
</div>
</div>

4
template/pc/rainbow/static/css/base.css
View File

@@ -80,9 +80,9 @@ user-select:none;
z-index:12;
height: 30px;
line-height: 30px;
background-color: #f5f5f5;
background-color:#0eb6cf;
font-size: 12px;
color: #666;
color: white;
}
.sendaddress{
cursor: pointer;

6
template/pc/rainbow/static/css/myaccount.css
View File

@@ -9,7 +9,7 @@
}
.home-index-head {
height:80px;
background-color:#e23435
background-color:#0eb6cf
}
.home-index-head .header {
padding:0
@@ -582,7 +582,7 @@
height:34px;
border:0;
display:inline-block;
background:#febdbe;
background:white;
float:left;
outline:none;
padding:0 10px
@@ -3979,7 +3979,7 @@
}
.loginsum_cm .login-dl img {
width:183px;
height:57px;
height:120px;
vertical-align:middle
}
.loginsum_cm .login-welcome {

2
template/pc/rainbow/user/header.html
View File

@@ -72,7 +72,7 @@
<div class="header w1224">
<div class="ecsc-logo" >
<a href="/" class="logo">
<img src="{$tpshop_config.shop_info_store_user_logo|default='/public/static/images/logo/pc_home_user_logo_default.png'}" style="width: 159px;height: 58px">
<img src="/public/static/images/huzi.jpg" style="width: 159px;height: 58px">
</a>
</div>
<div class="m-index">

56
template/pc/rainbow/user/login.html
View File

@@ -13,22 +13,22 @@
<body>
<div class="loginsum_cm">
<div class="w1224 p">
<!--<div class="login-dl">-->
<!--<a href="/index.php" title="首页">-->
<!--<img src="{$tpshop_config.shop_info_store_logo|default='/public/static/images/logo/pc_home_logo_default.png'}"/>-->
<!--</a>-->
<!--</div>-->
<div class="login-dl">
<a href="/index.php" title="首页">
<img src="/public/static/images/xiaohuzhi.png"/>
</a>
</div>
<div class="login-welcome">
<span>欢迎登录</span>
</div>
</div>
</div>
<div class="loginsum_main" style="background: #bf1919;">
<div class="loginsum_main" style="background: #0baad4;">
<div class="w1224 p">
<div class="advertisement">
<adv pid="11" item="v" key="k">
<a href="{$v[ad_link]}">
<img src="{$v[ad_code]}" title="{$v[title]}" style="{$v[style]}"/>
<img src="/public/static/images/xihuzi.png" title="{$v[title]}" style="{$v[style]}"/>
</a>
</adv>
</div>
@@ -61,7 +61,7 @@
<!--</label>--><!--功能没实现-->
</div>
<div class="foget_pwt">
<span style="color:#F00;">测试号:13800138006 密码 123456</span>
<!-- <span style="color:#F00;">测试号:13800138006 密码 123456</span> -->
<a href="{:U('Home/User/forget_pwd')}">忘记密码？</a>
</div>
</div>
@@ -72,46 +72,6 @@
</form>
<div class="layel3">
<div class="contactsty">
<div class="tecant_c">
<ul>
<tpshop sql="select * from __PREFIX__plugin where type='login' AND status = 1 order by code desc" item="v" key="k">
<if condition="$v['code'] eq 'weixin'">
<li>
<a class="justclix" href="{:U('LoginApi/login',array('oauth'=>'weixin'))}" title="weixin">
<i class="judgp co_wechat"></i>
<span>微信</span>
</a>
</li>
<li class="spacer"></li>
</if>
<if condition="$v['code'] eq 'qq'">
<li>
<a class="justclix" href="{:U('LoginApi/login',array('oauth'=>'qq'))}" title="QQ">
<i class="judgp co_qq"></i>
<span>QQ</span>
</a>
</li>
<li class="spacer"></li>
</if>
<if condition="$v['code'] eq 'alipay'">
<li>
<a class="justclix" href="{:U('LoginApi/login',array('oauth'=>'alipay'))}" title="支付宝">
<i class="judgp co_alipay"></i>
<span>支付宝</span>
</a>
</li>
</if>
<if condition="$v['code'] eq 'alipaynew'">
<li>
<a class="justclix" href="{:U('LoginApi/login',array('oauth'=>'alipaynew'))}" title="支付宝">
<i class="judgp co_alipay"></i>
<span>支付宝</span>
</a>
</li>
</if>
</tpshop>
</ul>
</div>
<div class="register_c">
<a class="justclix" href="{:U('Home/User/reg')}">
<i class="judgp co_register"></i>

2
template/pc/rainbow/user/reg.html
View File

@@ -16,7 +16,7 @@
</head>
<body>
<div class="regcon">
<a class="m-fnlogoa fn-fl" href="/" ><img src="{$tpshop_config['shop_info_store_logo']|default='__PUBLIC__/static/images/logo/pc_home_logo_default.png'}" style="width: 159px;height: 58px;"/></a>
<a class="m-fnlogoa fn-fl" href="/" ><img src="/public/static/images/dcf03c3256456863f9538046fda7417.png" style="width: 159px;height: 100px;"/></a>
<span class="m-fntit">欢迎注册</span>
<div class="ui_tab">
<ul class="ui_tab_nav regnav">

390
template/pc/rainbow/virtual/virtual_order.html Normal file
View File

@@ -0,0 +1,390 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订单详情</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<style>
.wrap { background: url(__STATIC__/images/main_bg.png) repeat-y 0 0;width: 1000px;zoom: 1;}
.main {background-color: #ffffff;padding: 15px;}
.themes_title {border-bottom: 2px solid #eee;height: 20px;line-height: 20px;padding: 0 10px 7px 5px;margin-bottom: 20px;position: relative;margin-top: -3px;}
.order_details .order_tip { position: relative;z-index: 2;border: 1px dashed #ffd9b3;background-color: #fffdee;}
.order_details .order_tip_tit {padding: 10px 15px;border-bottom: 1px dashed #ffd9b3;height: 28px;line-height: 28px;}
.order_details .order_tip_info {padding: 5px 30px;}
.order_details .again {margin-top: 10px;border-top: 1px dashed #ddd;padding-top: 20px;}
.order_details .info_box { position: relative; margin: 5px 0;}
.order_details .info_L {color: #6c6c6c;vertical-align: top;display: inline-block;}
.order_details .info_R {display: inline-block;*display: inline;zoom: 1;word-break: break-all;}
.order_details .df {font-weight: bold;}
.order_details .order_info {margin-top: 30px;}
.order_details .ui_tab {position: relative;}
.ui_tab_nav {height: 35px;margin-bottom: -2px;overflow: hidden;position: relative;z-index: 1;}
.ui_tab_nav li {float: left;}
.order_details .opeating {position: absolute;right: 0;top: 0;}
.order_details .opeating .btn_pay {color: #fff;margin-right: 10px;border:0; }
.order_details .ui_tab_content .ui_panel {padding: 15px 30px;border: 1px solid #eee;}
.order_details .order_info h3 {font-weight: bold;margin: 20px 0 10px 20px;}
.order_details .ui_tab_nav {margin-bottom: -2px;}
.ui_tab_nav {height: 35px; margin-bottom: -2px;overflow: hidden;position: relative;z-index: 1;}
.ui_tab_nav li {float: left;}
.ui_tab_nav .active a {background: #fff;border-bottom: 0;padding-bottom: 7px;color: #f22e00;border-top: 2px solid #f22e00;border-right: 1px solid #eee;}
.ui_tab_nav a {font-weight: bold;color: #6c6c6c;background: #fcfcfc;border: 1px solid #eee;border-right: 0;display: block;font-size: 14px;padding: 5px 51px 6px;}
.order_details .opeating {position: absolute;right: 0;top: 0;}
.order_details .ui_tab_content { border: 1px solid #eee;}
.order_details .ui_tab_content .ui_panel {padding: 15px 30px;}
.order_details .order_info h3 {font-weight: bold;margin: 20px 0 10px 20px;}
.order_details .package_info { border: 1px solid #ddd;background-color: #f9f9f9;}
.details_list {margin-top: 20px;text-align: center;}
.details_list .details_list_tit {border: 1px solid #ddd;background-color: #eee;height: 38px;line-height: 38px;color: #6c6c6c;}
.details_list li {display: inline-block;float: left;}
.col_w40 {width: 40%;}
.col_w15 {width: 15%;word-wrap: break-word;}
.order_details .details_list_cont .item_container {text-align: left;}
.order_details .details_list_cont .item_img {border: 1px solid #f1f1f1; height: 58px;line-height: 58px;margin-right: 6px; width: 58px;}
.order_details .details_list_cont .item_img, .order_details .details_list_cont .item_meta {display: inline-block;float: left;}
.order_details .details_list_cont .item_img img {width: 58px;height: 58px;}
.order_details .details_list_cont .item_meta {width: 80%;height: 60px;line-height: 20px;overflow: hidden;}
.order_details .details_list_cont .item_img, .order_details .details_list_cont .item_meta {display: inline-block;float: left;}
.order_details .order_name, .order_details .premiums {position: relative;left: 0;top: -3px;}
.order_details .package_info {border: 1px solid #ddd;background-color: #f9f9f9;overflow: hidden;}
.order_details .info_box .num {color: #f22e00;display: inline-block;}
.order_details .package_L {padding: 15px;width: 192px;}
.order_details .package_L, .order_details .package_R { display: inline-block;*display: inline; zoom: 1;float: left;}
.order_details .package_L{border-right: 1px solid #ddd;}
.order_details .package_R { margin-left:-1px; border-left: 1px solid #ddd;padding: 10px 4px;width: 670px;min-height: 130px;background-color: #fff;}
.clearfix::before, .clearfix::after {content: "\0020";display: block;height: 0;overflow: hidden;}
.clearfix {zoom: 1;}
.ui_step {padding: 0 70px;margin: 0 auto;font-size: 12px;list-style: none;position: relative;color: #b7b7b7;overflow: hidden;}
.ui_step li {float: left;margin: 0;width: 50%;}
.ui_step_4 li {width: 33.33333333%;}
.ui_step .step_start, .ui_step .step_done {color: #56ae25;}
.ui_step .ui_step_title {margin-bottom: 15px; width: 100px;text-align: center;margin-left: -30px;}
.ui_step .ui_step_bg {height: 40px;}
.ui_step .step_bg {height: 40px;width: 40px;line-height: 40px;background: url(__STATIC__/images/step.png) 0 -41px no-repeat;overflow: hidden;text-align: center;font-weight: bold;font-size: 24px;font-family: Arial;position: relative;}
.ui_step .step_line {height: 8px;background: url(__STATIC__/images/step_line.png) 0 0 repeat-x;display: block;overflow: hidden;margin-left: 40px;position: relative;top: -25px;}
.ui_step .ui_step_time {width: 100px; text-align: center;margin-left: -30px;margin-top: 10px; color: #9c9c9c;}
.ui_step .step_end {width: 45px; position: absolute;right: 26px;z-index: 1;}
.order_details .details_list_cont ol {padding: 0 20px;overflow: hidden;}
.order_details .details_list_cont .item_details {border-bottom: 1px dashed #ddd; margin-bottom: 15px;padding-bottom: 15px;}
.order_details .details_list_cont { padding: 15px 0;}
.ui_step .step_end .step_line {display: none;}
.ui_step .step_start .step_bg, .ui_step .step_done .step_bg {background-position: 0 0;}
.ui_step .step_done .step_line { background-position: 0 -9px;}
.btn_pay {width: 84px; height: 28px; line-height: 28px; background: -244px -90px;}
.btn_pay:hover {text-decoration: none; background: -247px -125px;}
.btn_pay,.btn_pay:hover,.btn_to_pay:hover,.btn_to_pay{background-image: url(__STATIC__/images/sprite_btn.png);}
.infor_box {display:inline-block}
.infor_box .info_R{display:block;}
</style>
</head>
<body class="bg-f5">
<include file="user/header"/>
<div class="home-index-middle">
<div class="w1224">
<div class="g-crumbs">
<a href="{:U('Home/User/index')}">我的商城</a>
<i class="litt-xyb"></i>
<span>订单详情</span>
</div>
<div class="home-main">
<include file="user/menu"/>
<div class="ri-menu fr">
<div class="wrap">
<!-- order details star -->
<div class="main order_details">
<div class="themes_title">
<h3>订单详情</h3>
</div>
<!-- order base info start -->
<div class="order_tip">
<div class="order_tip_tit clearfix">
<h3> 订单号：
<span class="num">{$order_info.order_sn}</span>
</h3>
</div>
<div class="order_tip_info">
<div class="info_box">
<div class="info_L"> 订单状态： </div>
<div class="info_R">
<span class="df">{$order_info.order_status_detail}</span>
</div>
</div>
<div class="info_box">
<div class="info_L"> 订单金额： </div>
<div class="info_R">
<span class="num">￥{$order_info.order_amount}</span>
<span class="way_tips" style="display:inline-block;">{$order_info.pay_name}</span>
</div>
</div>
<if condition="!empty($vrorders)">
<div class="info_box">
<div class="info_L"> 百度云获取： </div>
<div class="infor_box">
<foreach name="vrorders" item="vrorder">
<if condition='$vrorder[vr_state] eq 1'>
</if>
<if condition='$vrorder[vr_state] eq 2'>
<div class="info_R inr">
<span class="num"><strong>{$vrorder.vr_code}</strong> 已过期，有效期至{$vrorder.vr_indate|date='Y-m-d H:i',###}</span>
</div>
</if>
<if condition='$vrorder.vr_state eq 0 and $vrorder.refund_lock lt 1'>
<div class="info_R inr">
<span class="num"><strong>{$vrorder.vr_code}</strong> 未使用，有效期至{$vrorder.vr_indate|date='Y-m-d H:i',###}</span>
</div>
</if>
<if condition='$vrorder.refund_lock gt 0'>
<div class="info_R inr">
<span class="num"><strong>{$vrorder.vr_code}</strong> 已取消，有效期至{$vrorder.vr_indate|date='Y-m-d H:i',###}</span>
</div>
</if>
</foreach>
</div>
</div>
</if>
</div>
</div>
<br/>
<div class="order_info">
<div class="ui_tab">
<ul class="ui_tab_nav">
<li class =" active">
<a href="javascript:void(0);" class="detail_packNo">订单</a>
</li>
<li class="opeating" id="opeating_1" style="display:block;">
<if condition="$order_info.virtual_order_button[cancel_btn] eq 1">
<button class="btn_pay" onClick="cancel_order({$order_info.order_id})">取消订单</button>
</if>
<if condition="$order_info.virtual_order_button[cancel_btn] eq 2"><button class="btn_pay" onClick="refund_order({$order_info.order_id})">取消订单</button></if>
<if condition="$order_info.virtual_order_button[pay_btn] eq 1">
<button class="btn_pay" onclick="location.href='{:U('/Home/Cart/cart4',array('order_id'=>$order_info[order_id]))}'">立即支付</button>
</if>
<if condition="$order_info.order_status_detail eq '待评价'">
<button class="btn_pay" onclick="location.href='{:U('Order/comment_list',array('order_id'=>$order_info['order_id'],'rec_id'=>$order_info['order_goods'][0]['rec_id']))}'">评价</a></button>
</if>
<if condition="$order_info.virtual_order_button[receive_btn] eq 1 and $order_info['no_confirm'] eq 1">
<button class="btn_pay" onclick="order_confirm({$order_info['order_id']});">收货确认</button>
</if>
</li>
</ul>
<div class="ui_tab_content">
<div class="ui_panel" id="ui_panel_1"
style = "display: block;">
<h3>虚拟订单信息
<span class="package" id="package_bag_1"> </span>
</h3>
<div class="package_info clearfix J-tab">
<div class="package_L">
<div class="info_box">
<div class="info_L"> 接收手机：</div>
<div class="info_R">
<span class="num">{$order_info.mobile}</span>
</div>
</div>
<div class="info_box">
<div class="info_L"> 虚拟单号：</div>
<div class="info_R">
<span class="over">{$order_info.order_sn}</span>
</div>
</div>
<div class="info_box">
<div class="delivery_time"></div>
</div>
<div class="info_box">
<div class="info_L">买家留言： </div>
<div class="info_R">
<span class="over">{$order_info.user_note}</span>
</div>
</div>
</div>
<div class="package_R">
<ul class="ui_step ui_step_4 clearfix">
<li class="step_start">
<div class="ui_step_title">下单</div>
<div class="ui_step_bg <if condition="$order_info[pay_status] gt 0">step_done</if>">
<div class="step_bg">1</div>
<div class="step_line"></div>
</div>
<div class="ui_step_time">{$order_info.add_time|date='Y-m-d H:i:s',###}</div>
</li>
<li class="<if condition="$order_info[pay_status] gt 0">step_start</if>">
<div class="ui_step_title">付款成功</div>
<div class="ui_step_bg <if condition="$order_info[pay_time] gt 0">step_done</if>">
<div class="step_bg">2</div>
<div class="step_line"></div>
</div>
<div class="ui_step_time" ><if condition="$order_info[pay_time] gt 0">{$order_info.pay_time|date='Y-m-d H:i:s',###}</if></div>
</li>
<li class="<if condition="$order_info[pay_status] gt 0">step_start</if>">
<div class="ui_step_title">发放百度云 </div>
<div class="ui_step_bg <if condition="$order_info[order_status] eq 4">step_done</if>">
<div class="step_bg">3</div>
<div class="step_line"></div>
</div>
<div class="ui_step_time" >
<if condition="$order_info[shipping_time] gt 0 and $order_info[order_status] neq 0 and $order_info[order_status] neq 3">{$order_info.shipping_time|date='Y-m-d H:i:s',###}</if>
</div>
</li>
<li class="step_end <if condition="$order_info[order_status] eq 4">step_start</if>">
<div class="ui_step_title"> 完成 </div>
<div class="ui_step_bg">
<div class="step_bg">4</div>
<div class="step_line"></div>
</div>
<div class="ui_step_time" ><if condition="$order_info[order_status] eq 4">{$order_info.confirm_time|date='Y-m-d H:i:s',###}</if></div>
</li>
</ul>
</div>
</div>
<h3>商品信息</h3>
<div class="details_list">
<div class="details_list_tit clearfix">
<ul>
<li class="col_w40">商品名称</li>
<li class="col_w15">规格</li>
<li class="col_w15">价格 / 数量</li>
<li class="col_w15">合计（元）</li>
<li class="tit_05 col_w15">订单状态及操作</li>
</ul>
</div>
<div class="details_list_cont">
<div class="item_details">
<foreach name="$order_info.order_goods" item="order_goods">
<ol class="clearfix">
<li class="col_w40">
<div class="item_container clearfix">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" class="item_img"><img src="{$order_goods.goods_id|goods_thum_images=78,78}"/></a>
<div class="item_meta">
<a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}" class="order_name">{$order_goods.goods_name}</a>
<!-- <if condition="!empty($order_goods.virtual_indate)">
<p>使用时效：即日起 至{$order_goods.virtual_indate|date='Y-m-d',###}</p>
<else/>
<p>请尽快支付</p>
</if>-->
</div>
</div>
</li>
<li class="col_w15 num">{$order_goods.spec_key_name}&nbsp;&nbsp;</li>
<li class="col_w15 num">￥{$order_goods.member_goods_price}&nbsp;&nbsp;/&nbsp;&nbsp; {$order_goods.goods_num}</li>
<li class="col_w15 num">￥{$order_goods['member_goods_price']*$order_goods['goods_num']}</li>
<li class="cont_05 col_w15 num">
<p class="p-link"><p class="p-link"><a href="{:U('Home/Goods/goodsInfo',array('id'=>$order_goods['goods_id']))}"><span>再次购买</span></a></p></p>
<!--<if condition="$vrorder['vr_state'] eq 0">
<p class="p-link">
<a style="color:#999;" href="{:U('Home/Order/return_goods',array('rec_id'=>$order_goods['rec_id']))}">申请退款</a>
</p>
</if>-->
<if condition="($order_info.comment_btn eq 1) and ($order_goods['is_comment'] eq 0)">
<p class="p-link"><a href="{:U('Home/Order/comment')}"><span>评价</span></a></p>
</if>
</li>
</ol>
</foreach>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ui tab end -->
</div>
</div>
<!-- order details end -->
</div>
</div>
</div>
</div>
</div>
<!--footer-s-->
<include file="user/footer" />
<!--footer-e-->
<script type="text/javascript">
$(function(){
$('.time-sala ul li').click(function(){
$(this).addClass('red').siblings().removeClass('red');
})
$('.searc_sx a').click(function(){
$(this).addClass('red').siblings('a').removeClass('red');
})
})
//取消订单
function cancel_order(id){
layer.confirm('确定取消订单？', {
btn: ['是','否']
}, function(){
$.ajax({
url:"{:U('Home/Order/cancel_order')}",
type:'POST',
dataType:'JSON',
data:{id:id},
success:function(data){
if(data.status == 1){
layer.alert(data.msg, {icon: 1},function(){
location.href ='';
})
}else{
layer.alert(data.msg, {icon: 2});
}
},
error : function() {
layer.alert('网络失败，请刷新页面后重试', {icon: 2});
}
});
}, function(tmp){
layer.close(tmp);
}
);
}
function refund_order(order_id) {
layer.open({
type: 2,
title: '<b>订单取消申请</b>',
skin: 'layui-layer-rim',
shadeClose: true,
shade: 0.5,
area: ['600px', '500px'],
content: "{:U('Home/Order/refund_order')}?order_id=" + order_id,
});
}
function order_confirm(orderId)
{
layer.confirm('你确定收到货了吗?', {
btn: ['是','否']
}, function(){
$.ajax({
url:"{:U('Virtual/virtual_confirm')}",
type:'POST',
dataType:'JSON',
data:{order_id:orderId},
success:function(data){
if(data.status == 1){
layer.alert(data.msg, {icon: 1},function(){
location.href ='/index.php?m=home&c=Virtual&a=virtual_order&order_id='+orderId;
})
}else{
layer.alert(data.msg, {icon: 2});
}
},
error : function() {
layer.alert('网络失败，请刷新页面后重试', {icon: 2});
}
}, function(tmp){
layer.close(tmp);
});
}, function(tmp){
layer.close(tmp);
});
}
</script>
</body>
</html>