mirror of
https://gitee.com/zongzhige/shopxo.git
synced 2026-06-29 02:26:44 +08:00
css
This commit is contained in:
devil_gong
@ -12,8 +12,8 @@ return array(
|
||||
'DB_TYPE' => 'mysql', // 数据库类型
|
||||
'DB_HOST' => '127.0.0.1', // 服务器地址
|
||||
'DB_NAME' => 'shopxo', // 数据库名
|
||||
'DB_USER' => 'root', // 用户名
|
||||
'DB_PWD' => 'gfx#ml@520', // 密码
|
||||
'DB_USER' => 'shopxotest', // 用户名
|
||||
'DB_PWD' => 'ShopXO#123@test', // 密码
|
||||
'DB_PORT' => 3306, // 端口
|
||||
'DB_PARAMS' => array(), // 数据库连接参数
|
||||
'DB_PREFIX' => 's_', // 数据库表前缀
|
||||
|
||||
@ -183,6 +183,12 @@ class CommonController extends Controller
|
||||
|
||||
// 用户顶部菜单
|
||||
$this->assign('user_nav_menu', L('user_nav_menu'));
|
||||
|
||||
// 商品大分类
|
||||
$this->assign('goods_category_list', $this->GetCommonGoodsCategory());
|
||||
|
||||
// 当前控制器名称
|
||||
$this->assign('controller_name', CONTROLLER_NAME);
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -0,0 +1,42 @@
|
||||
<?php
|
||||
|
||||
namespace Home\Controller;
|
||||
|
||||
/**
|
||||
* 商品详情
|
||||
* @author Devil
|
||||
* @blog http://gong.gg/
|
||||
* @version 0.0.1
|
||||
* @datetime 2016-12-01T21:51:08+0800
|
||||
*/
|
||||
class DetailController extends CommonController
|
||||
{
|
||||
/**
|
||||
* [_initialize 前置操作-继承公共前置方法]
|
||||
* @author Devil
|
||||
* @blog http://gong.gg/
|
||||
* @version 0.0.1
|
||||
* @datetime 2016-12-03T12:39:08+0800
|
||||
*/
|
||||
public function _initialize()
|
||||
{
|
||||
// 调用父类前置方法
|
||||
parent::_initialize();
|
||||
}
|
||||
|
||||
/**
|
||||
* [Index 首页]
|
||||
* @author Devil
|
||||
* @blog http://gong.gg/
|
||||
* @version 0.0.1
|
||||
* @datetime 2017-02-22T16:50:32+0800
|
||||
*/
|
||||
public function Index()
|
||||
{
|
||||
$goods_id = I('goods_id');
|
||||
$data = M('Goods')->find($goods);
|
||||
|
||||
$this->display('Index');
|
||||
}
|
||||
}
|
||||
?>
|
||||
@ -36,12 +36,8 @@ class IndexController extends CommonController
|
||||
// 首页轮播
|
||||
$this->assign('banner_list', $this->GetHomeBanner());
|
||||
|
||||
// 商品大分类
|
||||
$goods_category = $this->GetCommonGoodsCategory();
|
||||
$this->assign('goods_category_list', $goods_category);
|
||||
|
||||
// 楼层数据
|
||||
$this->assign('goods_floor_list', $this->GetHomeFloorList($goods_category));
|
||||
$this->assign('goods_floor_list', $this->GetHomeFloorList());
|
||||
|
||||
// 新闻
|
||||
$this->assign('article_list', $this->GetCommonArticleList(['where'=>['a.is_enable'=>1, 'is_home_recommended'=>1], 'field'=>'a.id,a.title,a.title_color,ac.name AS category_name', 'm'=>0, 'n'=>9]));
|
||||
@ -56,10 +52,11 @@ class IndexController extends CommonController
|
||||
* @version 1.0.0
|
||||
* @date 2018-08-10
|
||||
* @desc description
|
||||
* @param [array] $goods_category [商品分类]
|
||||
*/
|
||||
private function GetHomeFloorList($goods_category)
|
||||
private function GetHomeFloorList()
|
||||
{
|
||||
// 商品大分类
|
||||
$goods_category = $this->GetCommonGoodsCategory();
|
||||
if(!empty($goods_category))
|
||||
{
|
||||
foreach($goods_category as &$v)
|
||||
|
||||
25
service/Application/Home/View/Default/Detail/Index.html
Normal file
25
service/Application/Home/View/Default/Detail/Index.html
Normal file
@ -0,0 +1,25 @@
|
||||
<include file="Public/Header" />
|
||||
|
||||
<!-- header top nav -->
|
||||
<include file="Public/HeaderTopNav" />
|
||||
|
||||
<!-- search -->
|
||||
<include file="Public/NavSearch" />
|
||||
|
||||
<!-- header nav -->
|
||||
<include file="Public/HeaderNav" />
|
||||
|
||||
<!-- goods category -->
|
||||
<include file="Public/GoodsCategory" />
|
||||
|
||||
<div class="am-container">
|
||||
hello
|
||||
</div>
|
||||
|
||||
<!-- footer start -->
|
||||
<include file="Public/Footer" />
|
||||
<!-- footer end -->
|
||||
|
||||
<!-- nav start -->
|
||||
<include file="Public/Nav" />
|
||||
<!-- nav end -->
|
||||
@ -1,258 +1,162 @@
|
||||
<include file="Public/Header" />
|
||||
|
||||
<div class="hmtop">
|
||||
<!-- header top nav -->
|
||||
<include file="Public/HeaderTopNav" />
|
||||
<!-- header top nav -->
|
||||
<include file="Public/HeaderTopNav" />
|
||||
|
||||
<!-- search -->
|
||||
<include file="Public/NavSearch" />
|
||||
<!-- search -->
|
||||
<include file="Public/NavSearch" />
|
||||
|
||||
<!-- banner -->
|
||||
<include file="Public/HomeBanner" />
|
||||
<!-- header nav -->
|
||||
<include file="Public/HeaderNav" />
|
||||
|
||||
<div class="shopNav">
|
||||
<div class="slideall">
|
||||
<!-- header nav -->
|
||||
<include file="Public/HeaderNav" />
|
||||
<!-- banner -->
|
||||
<include file="Public/HomeBanner" />
|
||||
|
||||
<!-- goods category -->
|
||||
<include file="Public/GoodsCategory" />
|
||||
<!-- goods category -->
|
||||
<include file="Public/GoodsCategory" />
|
||||
|
||||
<!-- 轮播右侧-内容1 -->
|
||||
<div class="am-g am-g-fixed smallnav">
|
||||
<div class="am-u-sm-3">
|
||||
<a href="sort.html"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/navsmall.jpg" />
|
||||
<div class="title">商品分类</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/huismall.jpg" />
|
||||
<div class="title">大聚惠</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/mansmall.jpg" />
|
||||
<div class="title">个人中心</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/moneysmall.jpg" />
|
||||
<div class="title">投资理财</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--轮播右侧-内容2 -->
|
||||
<div class="marqueen">
|
||||
<div class="mod-vip">
|
||||
<div class="m-baseinfo">
|
||||
<a href="../person/index.html">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/getAvatar.do.jpg">
|
||||
</a>
|
||||
<em>
|
||||
Hi,<span class="s-name">小叮当</span>
|
||||
<a href="#"><p>点击更多优惠活动</p></a>
|
||||
</em>
|
||||
</div>
|
||||
<div class="member-logout">
|
||||
<a class="am-btn-warning btn" href="login.html">登录</a>
|
||||
<a class="am-btn-warning btn" href="register.html">注册</a>
|
||||
</div>
|
||||
<div class="member-login">
|
||||
<a href="#"><strong>0</strong>待收货</a>
|
||||
<a href="#"><strong>0</strong>待发货</a>
|
||||
<a href="#"><strong>0</strong>待付款</a>
|
||||
<a href="#"><strong>0</strong>待评价</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="marqueen-title">新闻头条</span>
|
||||
<div class="banner-news">
|
||||
<ul>
|
||||
<if condition="!empty($article_list)">
|
||||
<foreach name="article_list" item="article">
|
||||
<li>
|
||||
<a target="_blank" href="#">
|
||||
<span>[{{$article.category_name}}]</span>
|
||||
<span <if condition="!empty($article.title_color)">style="color:{{$article.title_color}};"</if> >{{$article.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</foreach>
|
||||
</if>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-container slideall">
|
||||
<!-- 轮播右侧-内容1 -->
|
||||
<div class="am-g am-g-fixed smallnav">
|
||||
<div class="am-u-sm-3">
|
||||
<a href="sort.html"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/navsmall.jpg" />
|
||||
<div class="title">商品分类</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/huismall.jpg" />
|
||||
<div class="title">大聚惠</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/mansmall.jpg" />
|
||||
<div class="title">个人中心</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="am-u-sm-3">
|
||||
<a href="#"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/moneysmall.jpg" />
|
||||
<div class="title">投资理财</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 主内容 -->
|
||||
<div class="shopMainbg">
|
||||
<div class="shopMain" id="shopmain">
|
||||
<!--今日推荐 -->
|
||||
<!-- <div class="am-g am-g-fixed recommendation">
|
||||
<div class="clock am-u-sm-3">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/2016.png "></img>
|
||||
<p>今日<br>推荐</p>
|
||||
</div>
|
||||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||||
<div class="info ">
|
||||
<h3>真的有鱼</h3>
|
||||
<h4>开年福利篇</h4>
|
||||
</div>
|
||||
<div class="recommendationMain one">
|
||||
<a href="introduction.html"><img src="__PUBLIC__/Home/{{$default_theme}}/Images/tj.png "></img></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||||
<div class="info ">
|
||||
<h3>囤货过冬</h3>
|
||||
<h4>让爱早回家</h4>
|
||||
</div>
|
||||
<div class="recommendationMain two">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/tj1.png "></img>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-u-sm-4 am-u-lg-3 ">
|
||||
<div class="info ">
|
||||
<h3>浪漫情人节</h3>
|
||||
<h4>甜甜蜜蜜</h4>
|
||||
</div>
|
||||
<div class="recommendationMain three">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/tj2.png "></img>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!--热门活动 -->
|
||||
<!-- <div class="am-container activity ">
|
||||
<div class="items-nav-title">
|
||||
<h4>活动</h4>
|
||||
<h3>每期活动 优惠享不停 </h3>
|
||||
<span class="more ">
|
||||
<a href="# ">全部活动<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="am-g am-g-fixed ">
|
||||
<div class="am-u-sm-3 ">
|
||||
<div class="icon-sale one "></div>
|
||||
<h4>秒杀</h4>
|
||||
<div class="activityMain ">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/activity1.jpg "></img>
|
||||
</div>
|
||||
<div class="info ">
|
||||
<h3>春节送礼优选</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="am-u-sm-3 ">
|
||||
<div class="icon-sale two "></div>
|
||||
<h4>特惠</h4>
|
||||
<div class="activityMain ">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/activity2.jpg "></img>
|
||||
</div>
|
||||
<div class="info ">
|
||||
<h3>春节送礼优选</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="am-u-sm-3 ">
|
||||
<div class="icon-sale three "></div>
|
||||
<h4>团购</h4>
|
||||
<div class="activityMain ">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/activity3.jpg "></img>
|
||||
</div>
|
||||
<div class="info ">
|
||||
<h3>春节送礼优选</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!--轮播右侧-内容2 -->
|
||||
<div class="marqueen">
|
||||
<div class="mod-vip">
|
||||
<div class="m-baseinfo">
|
||||
<a href="../person/index.html">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/getAvatar.do.jpg">
|
||||
</a>
|
||||
<em>
|
||||
Hi,<span class="s-name">小叮当</span>
|
||||
<a href="#"><p>点击更多优惠活动</p></a>
|
||||
</em>
|
||||
</div>
|
||||
<div class="member-logout">
|
||||
<a class="am-btn-warning btn" href="login.html">登录</a>
|
||||
<a class="am-btn-warning btn" href="register.html">注册</a>
|
||||
</div>
|
||||
<div class="member-login">
|
||||
<a href="#"><strong>0</strong>待收货</a>
|
||||
<a href="#"><strong>0</strong>待发货</a>
|
||||
<a href="#"><strong>0</strong>待付款</a>
|
||||
<a href="#"><strong>0</strong>待评价</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="marqueen-title">新闻头条</span>
|
||||
<div class="banner-news">
|
||||
<ul>
|
||||
<if condition="!empty($article_list)">
|
||||
<foreach name="article_list" item="article">
|
||||
<li>
|
||||
<a target="_blank" href="#">
|
||||
<span>[{{$article.category_name}}]</span>
|
||||
<span <if condition="!empty($article.title_color)">style="color:{{$article.title_color}};"</if> >{{$article.title}}</span>
|
||||
</a>
|
||||
</li>
|
||||
</foreach>
|
||||
</if>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="am-u-sm-3 last ">
|
||||
<div class="icon-sale "></div>
|
||||
<h4>超值</h4>
|
||||
<div class="activityMain ">
|
||||
<img src="__PUBLIC__/Home/{{$default_theme}}/Images/activity.jpg "></img>
|
||||
</div>
|
||||
<div class="info ">
|
||||
<h3>春节送礼优选</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 楼层 -->
|
||||
<if condition="!empty($goods_floor_list)">
|
||||
<foreach name="goods_floor_list" item="floor">
|
||||
<if condition="isset($floor['is_home_recommended']) and $floor['is_home_recommended'] eq 1">
|
||||
<div id="floor{{$key+1}}">
|
||||
<div class="am-container">
|
||||
<div class="items-nav-title">
|
||||
<h4>{{$floor.name}}</h4>
|
||||
<h3>{{$floor.vice_name}}</h3>
|
||||
<div class="today-brands ">
|
||||
<if condition="!empty($floor['items'])">
|
||||
<foreach name="floor.items" key="key" item="category">
|
||||
<if condition="!empty($category['items'])">
|
||||
<foreach name="category.items" key="keys" item="categorys">
|
||||
<if condition="$key lt 6 and $keys eq 0 and isset($categorys['is_home_recommended']) and $categorys['is_home_recommended'] eq 1">
|
||||
<a href="#">{{$categorys.name}}</a>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
<span class="more">
|
||||
<a href="#">更多<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||||
</span>
|
||||
<!-- 主内容 -->
|
||||
<div class="shopMainbg">
|
||||
<div class="shopMain" id="shopmain">
|
||||
<!-- 楼层 -->
|
||||
<if condition="!empty($goods_floor_list)">
|
||||
<foreach name="goods_floor_list" item="floor">
|
||||
<if condition="isset($floor['is_home_recommended']) and $floor['is_home_recommended'] eq 1">
|
||||
<div id="floor{{$key+1}}">
|
||||
<div class="am-container">
|
||||
<div class="items-nav-title">
|
||||
<h4>{{$floor.name}}</h4>
|
||||
<h3>{{$floor.vice_name}}</h3>
|
||||
<div class="today-brands ">
|
||||
<if condition="!empty($floor['items'])">
|
||||
<foreach name="floor.items" key="key" item="category">
|
||||
<if condition="!empty($category['items'])">
|
||||
<foreach name="category.items" key="keys" item="categorys">
|
||||
<if condition="$key lt 6 and $keys eq 0 and isset($categorys['is_home_recommended']) and $categorys['is_home_recommended'] eq 1">
|
||||
<a href="#">{{$categorys.name}}</a>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="am-g am-g-fixed flood" <if condition="!empty($floor['bg_color'])">style="background-color:{{$floor.bg_color}};"<else />style="background-color:#eaeaea;"</if>>
|
||||
<div class="am-u-sm-5 am-u-md-4 text-one list" >
|
||||
<div class="word">
|
||||
<if condition="!empty($floor['items'])">
|
||||
<foreach name="floor.items" item="category">
|
||||
<if condition="$key lt 6 and isset($category['is_home_recommended']) and $category['is_home_recommended'] eq 1">
|
||||
<a class="outer" href="#">
|
||||
<span class="inner">
|
||||
<b class="text">{{:mb_substr($category['name'], 0, 4, 'utf-8')}}</b>
|
||||
</span>
|
||||
</a>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
<a href="#">
|
||||
<div class="outer-con">
|
||||
<div class="describe">{{$floor.describe}}</div>
|
||||
</div>
|
||||
<if condition="!empty($floor['big_images'])">
|
||||
<img src="{{$floor.big_images}}" />
|
||||
</if>
|
||||
</a>
|
||||
<div class="triangle-topright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<if condition="!empty($floor.goods)">
|
||||
<foreach name="floor.goods" item="goods">
|
||||
<div class="goods-items <if condition="in_array($key, [0,1])">am-u-sm-7 am-u-md-4 text-two<else />am-u-sm-6 am-u-md-2 text-three</if> <if condition="in_array($key, [0,3])">sug</if> <if condition="in_array($key, [2,5])">big</if> <if condition="$key eq 5">last</if>">
|
||||
<div class="outer-con">
|
||||
<div class="goods-title">{{$goods.title}}</div>
|
||||
<div class="price">￥{{$goods.price}}</div>
|
||||
</div>
|
||||
<a href="#">
|
||||
<img src="{{$goods.home_recommended_images}}" />
|
||||
</a>
|
||||
</div>
|
||||
</foreach>
|
||||
</if>
|
||||
<span class="more">
|
||||
<a href="#">更多<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
|
||||
<div class="am-g am-g-fixed flood" <if condition="!empty($floor['bg_color'])">style="background-color:{{$floor.bg_color}};"<else />style="background-color:#eaeaea;"</if>>
|
||||
<div class="am-u-sm-5 am-u-md-4 text-one list" >
|
||||
<div class="word">
|
||||
<if condition="!empty($floor['items'])">
|
||||
<foreach name="floor.items" item="category">
|
||||
<if condition="$key lt 6 and isset($category['is_home_recommended']) and $category['is_home_recommended'] eq 1">
|
||||
<a class="outer" href="#">
|
||||
<span class="inner">
|
||||
<b class="text">{{:mb_substr($category['name'], 0, 4, 'utf-8')}}</b>
|
||||
</span>
|
||||
</a>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
<a href="#">
|
||||
<div class="outer-con">
|
||||
<div class="describe">{{$floor.describe}}</div>
|
||||
</div>
|
||||
<if condition="!empty($floor['big_images'])">
|
||||
<img src="{{$floor.big_images}}" />
|
||||
</if>
|
||||
</a>
|
||||
<div class="triangle-topright"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<if condition="!empty($floor.goods)">
|
||||
<foreach name="floor.goods" item="goods">
|
||||
<div class="goods-items <if condition="in_array($key, [0,1])">am-u-sm-7 am-u-md-4 text-two<else />am-u-sm-6 am-u-md-2 text-three</if> <if condition="in_array($key, [0,3])">sug</if> <if condition="in_array($key, [2,5])">big</if> <if condition="$key eq 5">last</if>">
|
||||
<div class="outer-con">
|
||||
<div class="goods-title">{{$goods.title}}</div>
|
||||
<div class="price">￥{{$goods.price}}</div>
|
||||
</div>
|
||||
<a href="{{:U('/Home/Detail/Index', ['goods_id'=>$v['id']])}}">
|
||||
<img src="{{$goods.home_recommended_images}}" />
|
||||
</a>
|
||||
</div>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
</div>
|
||||
</if>
|
||||
</foreach>
|
||||
</if>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
<!--侧边导航 -->
|
||||
<div id="nav" class="navfull">
|
||||
<div class="area clearfix">
|
||||
<div class="category-content" id="guide_2">
|
||||
<!-- 商品分类 -->
|
||||
<div id="goods-category" class="am-container" data-controller-name="{{$controller_name}}">
|
||||
<div class="goods-category-s">
|
||||
<div class="goods-category-title">
|
||||
<span class="all-goods">全部分类</span>
|
||||
</div>
|
||||
<div class="category-content" <if condition="isset($controller_name) and $controller_name neq 'Index'">style="display:none;"</if>>
|
||||
<div class="category">
|
||||
<ul class="category-list" id="js_climit_li">
|
||||
<if condition="!empty($goods_category_list)">
|
||||
|
||||
@ -1,19 +1,20 @@
|
||||
<div class="long-title">
|
||||
<span class="all-goods">全部分类</span>
|
||||
</div>
|
||||
<div class="nav-cont">
|
||||
<ul>
|
||||
<li><a href="{{:__MY_URL__}}">{{:L('common_home_text')}}</a></li>
|
||||
<if condition="!empty($nav_header)">
|
||||
<foreach name="nav_header" item="nav">
|
||||
<li>
|
||||
<a href="{{$nav.url}}" <if condition="$nav['is_new_window_open'] eq 1">target="_blank"</if>>{{$nav.name}}</a>
|
||||
</li>
|
||||
</foreach>
|
||||
</if>
|
||||
</ul>
|
||||
<div class="nav-extra">
|
||||
<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
|
||||
<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
|
||||
<div class="shop-nav">
|
||||
<div class="am-container">
|
||||
<div class="nav-cont">
|
||||
<ul>
|
||||
<li><a href="{{:__MY_URL__}}">{{:L('common_home_text')}}</a></li>
|
||||
<if condition="!empty($nav_header)">
|
||||
<foreach name="nav_header" item="nav">
|
||||
<li>
|
||||
<a href="{{$nav.url}}" <if condition="$nav['is_new_window_open'] eq 1">target="_blank"</if>>{{$nav.name}}</a>
|
||||
</li>
|
||||
</foreach>
|
||||
</if>
|
||||
</ul>
|
||||
<div class="nav-extra">
|
||||
<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
|
||||
<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -86,7 +86,9 @@ color: #555555;background:none;border-color:transparent;cursor: default;}
|
||||
.am-nav-tabs > li.am-active span{color: #E4393C;font-size:16px;}
|
||||
.am-nav-tabs > li span{font-size:16px;font-weight:700;}
|
||||
|
||||
|
||||
/* 商品分类 */
|
||||
#goods-category { position: relative; top: -45px; }
|
||||
.goods-category-s{display: none;}
|
||||
|
||||
/*浮动框*/
|
||||
.nav.white{position:fixed;top:0;width:100%;z-index:1099; margin:0px auto;background:#fff ;}
|
||||
@ -101,8 +103,11 @@ color: #555555;background:none;border-color:transparent;cursor: default;}
|
||||
#ai-topsearch { width:20%;height:32px;border:none;float:right;background: #F03726 none repeat scroll 0% 0%;
|
||||
color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
|
||||
/* 导航 */
|
||||
.shop-nav .am-container { position: relative; }
|
||||
|
||||
/* 分类*/
|
||||
.long-title,.nav-cont{display: none;}
|
||||
.goods-category-title,.nav-cont{display: none;}
|
||||
|
||||
/*侧边导航*/
|
||||
.mui-mbar-tabs{ display:none;}
|
||||
@ -111,7 +116,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
.header-top { background-color: #eee; }
|
||||
.header{ display:none; max-width:1000px; margin:0px auto; font-size:12px;}
|
||||
|
||||
.am-footer { border-top: 2px solid #FF5400; }
|
||||
.am-footer { border-top: 2px solid #d2364c; }
|
||||
.footer-bd{ display:none}
|
||||
.footer{ text-align: center;border-top: 2px solid #F8F8F8 margin-top:20px; padding-top: 5px;margin-bottom:60px ;}
|
||||
.footer-hd{ display: block;}
|
||||
@ -127,6 +132,7 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
@media only screen and (max-width: 640px)
|
||||
{
|
||||
.am-footer { margin-bottom: 45px; }
|
||||
body { padding-top: 55px; }
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px)
|
||||
@ -148,6 +154,9 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.am-container {padding-left:0px;padding-right:0px ;}
|
||||
.shop-nav {position: relative;}
|
||||
|
||||
.nav.white{background: none;}
|
||||
.header { display:block;height: 35px;}
|
||||
.message-l{ float:left;}
|
||||
@ -182,6 +191,10 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
|
||||
@media only screen and (min-width: 1025px)
|
||||
{
|
||||
.am-container { padding-left:0rem;padding-right:0rem;max-width: 1000px;}
|
||||
.smallnav,.only-phone{ display:none;}
|
||||
.shop-nav{margin:0px;border-bottom: 2px solid #d2364c; height: 45px;}
|
||||
|
||||
.mui-mbar-tabs{ display:block;}
|
||||
.nav.white{padding-left:0px; max-width:1000px; margin:0px auto;}
|
||||
.nav.white .logo{display:none;}
|
||||
@ -190,7 +203,6 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
.search-bar{height:90px; padding: 20px 70px 0 230px; margin:auto;}
|
||||
|
||||
.my-cart{ display:none; right:10%; top:20px;}
|
||||
.shopNavfloat{ display:block; position:fixed;bottom:0px;left:30px;}
|
||||
.shopMain{margin:0px 0px 0px 5px;}
|
||||
.shopCon li{width:20%;padding:10px;}
|
||||
.search-bar input { height: 46px;}
|
||||
@ -199,9 +211,11 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
|
||||
|
||||
/*分类*/
|
||||
.goods-category-s {display:block;position: absolute;}
|
||||
.goods-category-s, .goods-category-title { z-index: 10002; }
|
||||
.nav-table{max-width:1000px;margin: 0px auto;height: 45px;position: relative;overflow: hidden;}
|
||||
.all-goods{font-size: 16px;}
|
||||
.long-title{background:#d2364c;color:#fff ;height: 45px;line-height: 45px;display:block;position: absolute;width:150px ;text-align: center;font-size:16px ;top:0px;z-index: 6;}
|
||||
.goods-category-title{background:#d2364c;color:#fff ;height: 45px;line-height: 45px;display:block;position: absolute;width:150px ;text-align: center;font-size:16px ;top:0px;z-index: 6;cursor: pointer;}
|
||||
.nav-cont{position: absolute;padding-left:150px;display:block;width:100% ;top:0px}
|
||||
.nav-cont li{float: left;height: 45px;line-height: 45px;}
|
||||
.nav-cont li::before{content: '\20';display: inline-block;height: 16px;border-right: 1px solid #d9d9d9;width: 0;vertical-align: middle;margin-left: -1px;}
|
||||
@ -211,18 +225,95 @@ color: #F5F5F2;font-size: 14px;cursor:pointer;border-radius:0px 0px ;}
|
||||
.nav-cont .nav-extra{position: absolute;right:0px ;top:6px;font-size: 16px;color:#fcff00;line-height:33px;height:33px ;width:160px;text-align:center;background: url(../Images/extra.png);cursor: pointer;}
|
||||
.nav-cont .nav-extra i.nav-user{background:#000 ;color:#fff ;width: 33px;height: 33px;border-radius: 33px;position: absolute;left:-28px;z-index: 99;padding: 5px;overflow: hidden;}
|
||||
.nav-cont .nav-extra b{display:block;position: absolute;width: 45px;height: 45px;border-radius:45px;z-index: 1;left: -33px;top: -8px;background: #fff;}
|
||||
b.line{display: block;width:100%;height:2px ;border-bottom:2px solid #d2364c;position: absolute;top:180px;z-index:5;}
|
||||
b.line{display: block;width:100%;height:2px ;border-bottom:2px solid #d2364c;position: absolute;top:180px;z-index:5;}
|
||||
|
||||
/*分类*/
|
||||
#goods-category .category-content{ position:relative; width: 150px; float: left; z-index: 113;background:#fff; top: 45px;}
|
||||
#goods-category .category-content .all-goods { display: block; padding: 0; border-radius: 5px 5px 0 0; font-weight: 600; line-height: 36px;width:150px;height: 36px; padding: 0; border-radius: 5px 5px 0 0; color: #fff; text-align: center; font: 16px/36px "Microsoft YaHei";}
|
||||
#goods-category .category-content .all-goods em{ font: 12px/36px "Microsoft YaHei"; }
|
||||
.category-content .category{width:150px;border: 1px solid #2b2b2b; border-top: none; background: #2b2b2b;box-shadow: 8px 0 7px -3px rgba(0,0,0,.3) }
|
||||
.category-content .down-ico{ position: absolute; top: 48px; left: 95px; width: 10px; height: 6px; background-position: 0 -131px; z-index: 11111; }
|
||||
.category-content .category-list li { height:36px; margin-top: -2px;z-index:113;border-top: 1px solid #333;border-bottom: 1px solid #252525}
|
||||
.category-content .category-list li.first{ margin-top: 0; }
|
||||
.category-content .category-list li.last .c-category-list{ border-bottom: none; }
|
||||
.category-content .category-list a:hover{ text-decoration: none; color: #D2364C; }
|
||||
.category-content .category-name{ overflow:hidden; position: relative;}
|
||||
.category-content .category-name i img{ position: absolute; top: 6px; width: 25px; height: 25px; left: 6px; display:block;}
|
||||
.category-content .category-name .ml-22{font-size:14px ;margin-left: 35px;}
|
||||
.category-content .category-list .bd-b{ height: 1px; margin: -1px 10px 0 10px; background: #eee; line-height: 1; font-size: 0; }
|
||||
.category-content .b-category-name {line-height:32px;padding-top:3px ;padding-left:5px ;}
|
||||
.category-content .b-category-name b{ margin-left: 4px; font:400 12px/28px "宋体"; }
|
||||
.category-content .b-category-name a{ color: #fff; }
|
||||
.category-content .c-category-list a{ margin-right:8px; color:#626262; }
|
||||
.category-content .b-category-name .fr{ background-position:0 -629px; width:22px; height:22px; margin:10px 16px 0 0; }
|
||||
.category-content .s-category-name{ height:22px;}
|
||||
.category-content .s-category-name a{ margin:0 16px 0 0; font:12px/22px "宋体";}
|
||||
.category-content .category-info{ position:relative;height:100%; padding-left: 12px;width: 152px;overflow: hidden;}
|
||||
.category-content .category-info em{ position:absolute; top:8px; right:15px; width: 13px; height: 13px; font: 12px/18px "宋体"; color: #9b9b9b;}
|
||||
.category-content .category .hover{ margin-left: -1px; padding-left: 1px;z-index:999;}
|
||||
.category-content .hover .category-info{ border:none; text-decoration:none; background: #fff; }
|
||||
.category-content .menu-item { position: absolute;left: 149px;height:100%; z-index: 11;padding:0 0 0 2px;width:770px;background: #fff; border:none; border-top: 1px solid #bbb9;overflow-y: scroll;overflow-x: hidden;}
|
||||
.category-content .menu-item .area-in{ position: relative; z-index: 1; }
|
||||
.category-content .menu-item .area-bg{ padding: 10px 0 10px 40px;}
|
||||
.shadow-bg{ display: none; position: relative; width: 100%; height: 0; }
|
||||
.shadow-b,.shadow-bg i{background: url(themes/mall/default/styles/default/Images/index_ico.png) no-repeat; }
|
||||
.shadow-r,.shadow-l{ background: url(themes/mall/default/styles/default/Images/shadow.png) no-repeat; }
|
||||
.shadow-bg i,.shadow-b{ position: absolute; width: 100%; height: 0; height: 2px\9; background-position: 0 -188px; background-repeat: repeat-x; }
|
||||
.shadow-bg i,.shadow-b{ _height:0; }
|
||||
.shadow-l{ position: absolute; left: 0; _left:-42px; top: 0; width: 0; width: 2px\9; height: 100%; background-position: right 0; background-repeat: repeat-y; }
|
||||
.shadow-r{ position: absolute; right: 0; top: 0; width: 0; width: 2px\9; height: 100%; background-repeat: repeat-y; }
|
||||
.category-content .menu-in{ display: none; }
|
||||
.category-content .category-list li.hover .category-info{z-index:999;}
|
||||
.category-content .category-list li.hover .b-category-name a{ color:#4c4c4c; }
|
||||
.category-content .menu-srot{width: 100%; overflow:hidden;}
|
||||
.menu-srot .sort-side{ overflow:hidden }
|
||||
.sort-side .dl-sort{ float:left; width:100%; }
|
||||
.sort-side dt { margin-top: 5px; font-size: 14px; font-weight: bold; color: #db3e54; text-align: left;}
|
||||
.sort-side dd { float:left; margin: 2px 6px 4px 0;}
|
||||
.sort-side dd a{ float:left; width: auto; letter-spacing:0.5px; line-height: 14px; color:#888; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; padding: 3px 10px; border:1px solid #e6e6e6; }
|
||||
.sort-side dd a span.red{ color:#DB3E54; }
|
||||
.menu-srot .brand-side{ float: left; position: relative;margin-left: -10px; padding-top: 10px; }
|
||||
.brand-side {margin-top: 50px; border-top: 1px solid #eae9e9;}
|
||||
.brand-side .dl-sort{overflow: hidden; height: 70px;}
|
||||
.brand-side dt { position: absolute; top: -22px; padding:0 10px; font-size: 14px; font-weight: bold;}
|
||||
.brand-side dd { float: left; padding: 5px 0; }
|
||||
.brand-side dd a{ display: block; padding: 0 10px; line-height: 1; border-right: 1px solid #bcbcbc; color: #888; }
|
||||
.brand-side dd a.more{color: #b6b6b6;}
|
||||
|
||||
|
||||
.category-content .menu-item.top{top:0px;}
|
||||
.category-content .menu-item.bottom{bottom: -2px;*bottom: -6px;_*bottom: -7px;}
|
||||
.am-dimmer {background:#fff ;}
|
||||
|
||||
|
||||
/*导航图标*/
|
||||
#meauBack{display: none;}
|
||||
.sort-side .dl-sort{ float:left; width:50%; }
|
||||
.category-list li.hover .menu-in { border: 1px solid #333; }
|
||||
|
||||
/*小三角*/
|
||||
.category li b.arrow{}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1260px) {
|
||||
.am-container, .nav.white {max-width: 1200px;}
|
||||
.footer{max-width:1200px ; margin: auto;}
|
||||
.am-container, .nav.white, .footer, .nav-table {padding-left:0rem;padding-right:0rem;max-width: 1200px;}
|
||||
.footer{margin: auto;}
|
||||
|
||||
/*分类*/
|
||||
.nav-table{max-width:1200px;}
|
||||
.long-title {width:180px;}
|
||||
/*导航*/
|
||||
.goods-category-title {width:180px;}
|
||||
.nav-cont {padding-left: 180px;}
|
||||
|
||||
/* 分类 */
|
||||
#goods-category .category-content{ position:relative; width: 180px; float: left; z-index: 113; top: 45px; }
|
||||
#goods-category .category-content .all-goods {width:180px;}
|
||||
.category-content .category{ width:180px;}
|
||||
.category-content .category-info {padding-left: 12px;width: 182px;overflow: hidden;}
|
||||
.category-content .menu-item {left: 179px;}
|
||||
.category-content .category-list li {height:43px;}
|
||||
.category-content .b-category-name {padding-left:10px ;}
|
||||
.category-content .category-name i {top:6px}
|
||||
.category-content .category-info em{top:9px}
|
||||
}
|
||||
|
||||
|
||||
|
||||
0
service/Public/Home/Default/Css/Detail.css
Normal file
0
service/Public/Home/Default/Css/Detail.css
Normal file
@ -16,7 +16,6 @@ a:hover {color:#000000;}
|
||||
dt + dd {margin-top: 0;}
|
||||
.am-slider-default{margin-bottom: 0px;}
|
||||
/*轮播图按钮*/
|
||||
.banner{margin-top:55px ;}
|
||||
.am-slider-default .am-control-nav {width: 100%;position: absolute;bottom: 15px;text-align: center;}
|
||||
.am-u-sm-3 {text-align:center;}
|
||||
.am-control-nav li { float:none;}
|
||||
@ -32,7 +31,7 @@ dt + dd {margin-top: 0;}
|
||||
|
||||
/*走马灯*/
|
||||
.marqueen{position: relative;border-top:1px solid #F5F5F5 ;border-bottom: 1px #f5f5f5 solid;overflow: hidden;}
|
||||
.marqueen-title{position: absolute;left:10px;padding-right:10px;border-right:1px solid #F5F5F5 ; line-height: 30px; height: 30px;}
|
||||
.marqueen-title{position: absolute;left:10px;padding-right:10px;border-right:1px solid #F5F5F5 ;}
|
||||
.banner-news li,#banner-news li a{height: 30px;line-height:30px; font-size: 12px; overflow: hidden;}
|
||||
.banner-news{max-width:1200px; margin:0px auto;margin-left:60px;overflow:hidden;height:30px;width:100%; text-align:left;color:#ffffff;}
|
||||
.banner-news li {padding:0px 20px;}
|
||||
@ -53,7 +52,6 @@ text-align: center;float:none}
|
||||
.inline{display:inline;}
|
||||
.bold{font-weight:700;}
|
||||
.am-modal {width: 100%;left:0 ;margin-left:0 ;top:0;background: #fefefe;}
|
||||
.navfull{display: none;}
|
||||
#meauBack{position: absolute;right:10px;top:0px;font-size:14px ;height:36px;line-height:36px;color:#fff;width:auto;}
|
||||
|
||||
|
||||
@ -157,25 +155,19 @@ text-align: center;float:none}
|
||||
.hmtop{background: #fff;}
|
||||
.am-container {padding-left:0px;padding-right:0px ;}
|
||||
.shopMainbg{width:100%;background:#fff;overflow:visible;}
|
||||
.slideall{position: relative;}
|
||||
.shopNav{margin-top:0px;}
|
||||
|
||||
/*主题布局*/
|
||||
.shopNavfloat{position:absolute;left:10px;top:auto;}
|
||||
|
||||
|
||||
.pro-title{ font-size:14px;}
|
||||
.banner-news li{font-size:16px;}
|
||||
.e-price{color:red; font-size:16px;}
|
||||
.topmenu .toptitle { text-align: center;}
|
||||
.flood li{width:25%;}
|
||||
.banner{ width:100%;overflow:hidden;margin-top: 0px;}
|
||||
.banner{ width:100%;overflow:hidden;}
|
||||
.scoll{ margin-top:0px;overflow: hidden;}
|
||||
|
||||
/*改写的公告*/
|
||||
.marqueen{padding-top:0px;margin-bottom: 20px;height:auto; background:#FFF; opacity:0.8;text-align: center;padding:10px 5px ;}
|
||||
.marqueen-title{font-size: 14px;position: static;border-right:none ;color:#e60012 ;font-size: 16px;font-weight: 600;}
|
||||
.banner-news{ margin-left: -5px;height: auto;width: 100%;padding-top:15px; }
|
||||
.banner-news{ margin-left: -5px;height: auto;width: 100%;padding-top:5px; }
|
||||
.banner-news li{ font-size:12px; padding:0px 0px;height: 30px;float: right;width:30% ;}
|
||||
|
||||
/*标题*/
|
||||
@ -229,24 +221,19 @@ text-align: center;float:none}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.flood .text-one { background-color: transparent !important; }
|
||||
.items-nav-title{ padding: 0 10%;}
|
||||
.marqueen-title{line-height: 30px; height: 30px;}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1025px) {
|
||||
.smallnav,.only-phone{ display:none;}
|
||||
.shopNav{padding-top:10px; padding-bottom:5px;margin:0px 0px 10px 0px;}
|
||||
.slideall{margin:0px auto;max-width:1000px ;padding-top: 45px;height:415px ;}
|
||||
.am-container { padding-left:0rem;padding-right:0rem;max-width: 1000px;}
|
||||
@media only screen and (min-width: 1025px)
|
||||
{
|
||||
.am-g-fixed{max-width:1000px;}
|
||||
.flood li{width:20%;}
|
||||
|
||||
.banner-news{ margin-left: 0px;}
|
||||
/*菜单布局*/
|
||||
.topmenu .toptitle {height:35px;line-height:35px;}
|
||||
.shopNavfloat{float:left; position:static; margin-top:-4px;display: block;}
|
||||
#nav {display:block;position: absolute;display: block;z-index: 10002;}
|
||||
.slideall{margin:0px auto;height:360px;position: relative;}
|
||||
|
||||
/*第一套轮播图布局*/
|
||||
.banner{position: absolute;left:0px;top:180px;z-index:9 ;border-top:2px solid #d2364c;}
|
||||
.banner{position: absolute;left:0px;top:170px;z-index:9; }
|
||||
.banner .am-slider .am-slides li{height:360px;}
|
||||
.banner .am-slider .am-slides img{width:800px ;left:50% ;position: absolute;margin-left: -370px;}
|
||||
.banner .am-slider-default .am-direction-nav .am-next {right: 50px;}
|
||||
@ -268,79 +255,9 @@ text-align: center;float:none}
|
||||
top: 11px;text-align: right;}
|
||||
.today-brands a {font-size:14px;display: inline-block;vertical-align: middle;margin:0px 5px;}
|
||||
|
||||
|
||||
/*导航*/
|
||||
#nav .category-content{ position:relative; width: 150px; float: left; z-index: 113;background:#fff ;}
|
||||
#nav .category-content .all-goods { display: block; padding: 0; border-radius: 5px 5px 0 0; font-weight: 600; line-height: 36px;width:150px;height: 36px; padding: 0; border-radius: 5px 5px 0 0; color: #fff; text-align: center; font: 16px/36px "Microsoft YaHei";}
|
||||
#nav .category-content .all-goods em{ font: 12px/36px "Microsoft YaHei"; }
|
||||
.category-content .category{width:150px;border: 1px solid #2b2b2b; border-top: none; background: #2b2b2b;box-shadow: 8px 0 7px -3px rgba(0,0,0,.3) }
|
||||
.category-content .down-ico{ position: absolute; top: 48px; left: 95px; width: 10px; height: 6px; background-position: 0 -131px; z-index: 11111; }
|
||||
.category-content .category-list li { height:36px; margin-top: -2px;z-index:113;border-top: 1px solid #333;border-bottom: 1px solid #252525}
|
||||
.category-content .category-list li.first{ margin-top: 0; }
|
||||
.category-content .category-list li.last .c-category-list{ border-bottom: none; }
|
||||
.category-content .category-list a:hover{ text-decoration: none; color: #D2364C; }
|
||||
.category-content .category-name{ overflow:hidden; position: relative;}
|
||||
.category-content .category-name i img{ position: absolute; top: 6px; width: 25px; height: 25px; left: 6px; display:block;}
|
||||
.category-content .category-name .ml-22{font-size:14px ;margin-left: 35px;}
|
||||
.category-content .category-list .bd-b{ height: 1px; margin: -1px 10px 0 10px; background: #eee; line-height: 1; font-size: 0; }
|
||||
|
||||
|
||||
.category-content .b-category-name {line-height:32px;padding-top:3px ;padding-left:5px ;}
|
||||
.category-content .b-category-name b{ margin-left: 4px; font:400 12px/28px "宋体"; }
|
||||
.category-content .b-category-name a{ color: #fff; }
|
||||
.category-content .c-category-list a{ margin-right:8px; color:#626262; }
|
||||
.category-content .b-category-name .fr{ background-position:0 -629px; width:22px; height:22px; margin:10px 16px 0 0; }
|
||||
.category-content .s-category-name{ height:22px;}
|
||||
.category-content .s-category-name a{ margin:0 16px 0 0; font:12px/22px "宋体";}
|
||||
.category-content .category-info{ position:relative;height:100%; padding-left: 12px;width: 152px;overflow: hidden;}
|
||||
.category-content .category-info em{ position:absolute; top:8px; right:15px; width: 13px; height: 13px; font: 12px/18px "宋体"; color: #9b9b9b;}
|
||||
.category-content .category .hover{ margin-left: -1px; padding-left: 1px;z-index:999;}
|
||||
.category-content .hover .category-info{ border:none; text-decoration:none; background: #fff; }
|
||||
.category-content .menu-item { position: absolute;left: 149px;height:100%; z-index: 11;padding:0 0 0 2px;width:770px;background: #fff; border:none; border-top: 1px solid #bbb9;overflow-y: scroll;overflow-x: hidden;}
|
||||
.category-content .menu-item .area-in{ position: relative; z-index: 1; }
|
||||
.category-content .menu-item .area-bg{ padding: 10px 0 10px 40px;}
|
||||
.shadow-bg{ display: none; position: relative; width: 100%; height: 0; }
|
||||
.shadow-b,.shadow-bg i{background: url(themes/mall/default/styles/default/Images/index_ico.png) no-repeat; }
|
||||
.shadow-r,.shadow-l{ background: url(themes/mall/default/styles/default/Images/shadow.png) no-repeat; }
|
||||
.shadow-bg i,.shadow-b{ position: absolute; width: 100%; height: 0; height: 2px\9; background-position: 0 -188px; background-repeat: repeat-x; }
|
||||
.shadow-bg i,.shadow-b{ _height:0; }
|
||||
.shadow-l{ position: absolute; left: 0; _left:-42px; top: 0; width: 0; width: 2px\9; height: 100%; background-position: right 0; background-repeat: repeat-y; }
|
||||
.shadow-r{ position: absolute; right: 0; top: 0; width: 0; width: 2px\9; height: 100%; background-repeat: repeat-y; }
|
||||
.category-content .menu-in{ display: none; }
|
||||
.category-content .category-list li.hover .category-info{z-index:999;}
|
||||
.category-content .category-list li.hover .b-category-name a{ color:#4c4c4c; }
|
||||
.category-content .menu-srot{width: 100%; overflow:hidden;}
|
||||
.menu-srot .sort-side{ overflow:hidden }
|
||||
.sort-side .dl-sort{ float:left; width:100%; }
|
||||
.sort-side dt { margin-top: 5px; font-size: 14px; font-weight: bold; color: #db3e54; text-align: left;}
|
||||
.sort-side dd { float:left; margin: 2px 6px 4px 0;}
|
||||
.sort-side dd a{ float:left; width: auto; letter-spacing:0.5px; line-height: 14px; color:#888; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; padding: 3px 10px; border:1px solid #e6e6e6; }
|
||||
.sort-side dd a span.red{ color:#DB3E54; }
|
||||
.menu-srot .brand-side{ float: left; position: relative;margin-left: -10px; padding-top: 10px; }
|
||||
.brand-side {margin-top: 50px; border-top: 1px solid #eae9e9;}
|
||||
.brand-side .dl-sort{overflow: hidden; height: 70px;}
|
||||
.brand-side dt { position: absolute; top: -22px; padding:0 10px; font-size: 14px; font-weight: bold;}
|
||||
.brand-side dd { float: left; padding: 5px 0; }
|
||||
.brand-side dd a{ display: block; padding: 0 10px; line-height: 1; border-right: 1px solid #bcbcbc; color: #888; }
|
||||
.brand-side dd a.more{color: #b6b6b6;}
|
||||
|
||||
|
||||
.category-content .menu-item.top{top:0px;}
|
||||
.category-content .menu-item.bottom{bottom: -2px;*bottom: -6px;_*bottom: -7px;}
|
||||
.am-dimmer {background:#fff ;}
|
||||
|
||||
|
||||
/*导航图标*/
|
||||
#meauBack{display: none;}
|
||||
.sort-side .dl-sort{ float:left; width:50%; }
|
||||
.category-list li.hover .menu-in { border: 1px solid #333; }
|
||||
|
||||
/*小三角*/
|
||||
.category li b.arrow{}
|
||||
|
||||
/*改写的公告*/
|
||||
.marqueen{ position:absolute;top:80px;right:0px;width:170px;height:300px ; background:#FFF; opacity:1;z-index: 11;border:none;}
|
||||
.marqueen .banner-news li {float: none;width: 100%;padding:0px 5px;border:none ;height: 28px;line-height:28px ;}
|
||||
.marqueen{ position:absolute;top:10px;right:0px;width:170px;height:330px ; background:#FFF; opacity:1;z-index: 11;border:none;}
|
||||
.marqueen .banner-news li {float: none;width: 100%;padding:0px 5px;border:none ;height: 30px;line-height:30px ;}
|
||||
|
||||
/*推荐*/
|
||||
.recommendation{margin:0px auto ;}
|
||||
@ -422,19 +339,17 @@ text-align: center;float:none}
|
||||
|
||||
|
||||
@media only screen and (min-width: 1260px) {
|
||||
.slideall{max-width: 1200px;margin:0px auto ;height:485px;}
|
||||
.am-container { padding-left:0rem;padding-right:0rem;max-width: 1200px;}
|
||||
.slideall{max-width: 1200px;margin:0px auto ;height:430px;}
|
||||
.am-g-fixed{max-width:1200px}
|
||||
.flood li {width: 16.66667%;}
|
||||
|
||||
/*轮播图布局*/
|
||||
.topmenu .toptitle {height:45px;line-height:45px;}
|
||||
.shopNavfloat{float:left; position:static; margin-top:-4px;display: block;}
|
||||
|
||||
|
||||
.banner .am-slider .am-slides li{height:430px;}
|
||||
.banner .am-slider .am-slides img{width:954px ;left:50% ;position: absolute;margin-left: -438px;}
|
||||
/*公告布局*/
|
||||
.marqueen {width:220px;height: 404px;text-align: left;top:60px;padding: 10px;}
|
||||
.marqueen {width:220px;height: 410px;text-align: left;top:10px;padding: 10px;}
|
||||
.banner-news{padding-top: 5px;}
|
||||
.banner-news li {height: 26px;line-height: 26px;}
|
||||
.marqueen-title{display: block;margin-left:5px ;margin-top: 5px;}
|
||||
@ -457,14 +372,6 @@ text-align: center;float:none}
|
||||
.row {padding:0px;position: absolute;left:182px ;bottom:0px ;right:0px ;}
|
||||
/*秒杀*/
|
||||
.sale-mt{margin-top: 10px;}
|
||||
/*导航*/
|
||||
#nav .category-content{ position:relative; width: 180px; float: left; z-index: 113; }
|
||||
#nav .category-content .all-goods {width:180px;}
|
||||
.category-content .category{ width:180px;}
|
||||
.category-content .category-info {padding-left: 12px;width: 182px;overflow: hidden;}
|
||||
.category-content .menu-item {left: 179px;}
|
||||
.category-content .category-list li {height:43px ;}
|
||||
|
||||
|
||||
/*推荐*/
|
||||
.clock img{position: absolute;right: 15%;width: 120px;top:15px;}
|
||||
@ -474,9 +381,6 @@ text-align: center;float:none}
|
||||
.word .outer .inner {width:57px;height:57px;}
|
||||
|
||||
/*楼层*/
|
||||
.category-content .b-category-name {padding-left:10px ;}
|
||||
.category-content .category-name i {top:6px}
|
||||
.category-content .category-info em{top:9px}
|
||||
.flood .big, .flood .list{height: 480px !important;}
|
||||
.flood .big img{width:194px !important;margin-right: -97px !important;}
|
||||
.big .outer-con {top: 25% !important;}
|
||||
|
||||
@ -30,5 +30,35 @@ $(function()
|
||||
ds.scrollTo(0, 0);
|
||||
hideReturnTop();
|
||||
});
|
||||
|
||||
// 商品分类子级内容显示/隐藏
|
||||
$(".category-content li").hover(function() {
|
||||
console.log(1);
|
||||
$(".category-content .category-list li.first .menu-in").css("display", "none");
|
||||
$(".category-content .category-list li.first").removeClass("hover");
|
||||
$(this).addClass("hover");
|
||||
$(this).children("div.menu-in").css("display", "block");
|
||||
}, function() {
|
||||
$(this).removeClass("hover")
|
||||
$(this).children("div.menu-in").css("display", "none");
|
||||
});
|
||||
|
||||
// 非首页的页面商品分类显示/隐藏
|
||||
$('#goods-category').hover(function()
|
||||
{
|
||||
if($(this).data('controller-name') != 'Index')
|
||||
{
|
||||
if(!$('#goods-category .category-content').is(":visible"))
|
||||
{
|
||||
$('#goods-category .category-content').slideDown(300);
|
||||
}
|
||||
|
||||
}
|
||||
}).mouseleave(function() {
|
||||
if($(this).data('controller-name') != 'Index')
|
||||
{
|
||||
$('#goods-category .category-content').slideUp(300);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
@ -17,15 +17,4 @@ $(function()
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
// 分类事件显示/隐藏
|
||||
$(".category-content li").hover(function() {
|
||||
$(".category-content .category-list li.first .menu-in").css("display", "none");
|
||||
$(".category-content .category-list li.first").removeClass("hover");
|
||||
$(this).addClass("hover");
|
||||
$(this).children("div.menu-in").css("display", "block")
|
||||
}, function() {
|
||||
$(this).removeClass("hover")
|
||||
$(this).children("div.menu-in").css("display", "none")
|
||||
});
|
||||
|
||||
});
|
||||
813
service/shop.sql
813
service/shop.sql
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user