一、广告管理

1.1 广告的列表：

1.1.1 修改content.vue文件

  1. <template>
  2.   <div class="mod-config">
  3.     <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
  4.       <el-form-item>
  5.         <el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
  6.       </el-form-item>
  7.       <el-form-item>
  8.         <el-button @click="getDataList()">查询</el-button>
  9.         <el-button v-if="isAuth('manager:content:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
  10.         <el-button v-if="isAuth('manager:content:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
  11.       </el-form-item>
  12.     </el-form>
  13.     <el-table
  14.       :data="dataList"
  15.       border
  16.       v-loading="dataListLoading"
  17.       @selection-change="selectionChangeHandle"
  18.       style="width: 100%;">
  19.       <el-table-column
  20.         type="selection"
  21.         header-align="center"
  22.         align="center"
  23.         width="50">
  24.       </el-table-column>
  25.       <el-table-column
  26.         prop="id"
  27.         header-align="center"
  28.         align="center"
  29.         label="">
  30.       </el-table-column>
  31.       <el-table-column
  32.         prop="categoryId"
  33.         header-align="center"
  34.         align="center"
  35.         label="内容类目ID">
  36.       </el-table-column>
  37.       <el-table-column
  38.         prop="title"
  39.         header-align="center"
  40.         align="center"
  41.         label="内容标题">
  42.       </el-table-column>
  43.       <el-table-column
  44.         prop="url"
  45.         header-align="center"
  46.         align="center"
  47.         label="链接">
  48.       </el-table-column>
  49.       <el-table-column
  50.         header-align="center"
  51.         align="center"
  52.         label="图片">
  53.         <template slot-scope="scope">
  54.           <img :src="scope.row.pic" width="200" height="100"/>
  55.         </template>
  56.       </el-table-column>
  57.       <el-table-column
  58.         header-align="center"
  59.         align="center"
  60.         label="状态">
  61.         <template slot-scope="scope">
  62.           <el-switch
  63.             v-model="scope.row.status"
  64.             active-value="1"
  65.             inactive-value="0"
  66.             active-color="#13ce66"
  67.             inactive-color="#ff4949">
  68.           </el-switch>
  69.         </template>
  70.       </el-table-column>
  71.       <el-table-column
  72.         prop="sortOrder"
  73.         header-align="center"
  74.         align="center"
  75.         label="排序">
  76.       </el-table-column>
  77.       <el-table-column
  78.         fixed="right"
  79.         header-align="center"
  80.         align="center"
  81.         width="150"
  82.         label="操作">
  83.         <template slot-scope="scope">
  84.           <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
  85.           <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
  86.         </template>
  87.       </el-table-column>
  88.     </el-table>
  89.     <el-pagination
  90.       @size-change="sizeChangeHandle"
  91.       @current-change="currentChangeHandle"
  92.       :current-page="pageIndex"
  93.       :page-sizes="[10, 20, 50, 100]"
  94.       :page-size="pageSize"
  95.       :total="totalPage"
  96.       layout="total, sizes, prev, pager, next, jumper">
  97.     </el-pagination>
  98.     <!-- 弹窗, 新增 / 修改 -->
  99.     <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
  100.   </div>
  101. </template>
  103. <script>
  104.   import AddOrUpdate from './content-add-or-update'
  105.   export default {
  106.     data () {
  107.       return {
  108.         dataForm: {
  109.           key: ''
  110.         },
  111.         dataList: [],
  112.         pageIndex: 1,
  113.         pageSize: 10,
  114.         totalPage: 0,
  115.         dataListLoading: false,
  116.         dataListSelections: [],
  117.         addOrUpdateVisible: false
  118.       }
  119.     },
  120.     components: {
  121.       AddOrUpdate
  122.     },
  123.     activated () {
  124.       this.getDataList()
  125.     },
  126.     methods: {
  127.       // 获取数据列表
  128.       getDataList () {
  129.         this.dataListLoading = true
  130.         this.$http({
  131.           url: this.$http.adornUrl('/manager/content/list'),
  132.           method: 'get',
  133.           params: this.$http.adornParams({
  134.             'page': this.pageIndex,
  135.             'limit': this.pageSize,
  136.             'key': this.dataForm.key
  137.           })
  138.         }).then(({data}) => {
  139.           if (data && data.code === 0) {
  140.             this.dataList = data.page.list
  141.             this.totalPage = data.page.totalCount
  142.           } else {
  143.             this.dataList = []
  144.             this.totalPage = 0
  145.           }
  146.           this.dataListLoading = false
  147.         })
  148.       },
  149.       // 每页数
  150.       sizeChangeHandle (val) {
  151.         this.pageSize = val
  152.         this.pageIndex = 1
  153.         this.getDataList()
  154.       },
  155.       // 当前页
  156.       currentChangeHandle (val) {
  157.         this.pageIndex = val
  158.         this.getDataList()
  159.       },
  160.       // 多选
  161.       selectionChangeHandle (val) {
  162.         this.dataListSelections = val
  163.       },
  164.       // 新增 / 修改
  165.       addOrUpdateHandle (id) {
  166.         this.addOrUpdateVisible = true
  167.         this.$nextTick(() => {
  168.           this.$refs.addOrUpdate.init(id)
  169.         })
  170.       },
  171.       // 删除
  172.       deleteHandle (id) {
  173.         var ids = id ? [id] : this.dataListSelections.map(item => {
  174.           return item.id
  175.         })
  176.         this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
  177.           confirmButtonText: '确定',
  178.           cancelButtonText: '取消',
  179.           type: 'warning'
  180.         }).then(() => {
  181.           this.$http({
  182.             url: this.$http.adornUrl('/manager/content/delete'),
  183.             method: 'post',
  184.             data: this.$http.adornData(ids, false)
  185.           }).then(({data}) => {
  186.             if (data && data.code === 0) {
  187.               this.$message({
  188.                 message: '操作成功',
  189.                 type: 'success',
  190.                 duration: 1500,
  191.                 onClose: () => {
  192.                   this.getDataList()
  193.                 }
  194.               })
  195.             } else {
  196.               this.$message.error(data.msg)
  197.             }
  198.           })
  199.         })
  200.       }
  201.     }
  202.   }
  203. </script>

1.1.2 后端contentController内容：

  1. @RestController
  2. @RequestMapping("/content")
  3. public class ContentController {
  4.     @Autowired
  5.     private ContentService contentService;
  6.     /**
  7.      * 列表
  8.      */
  9.     @RequestMapping("/list")
  10.     public R list(@RequestParam Map<String, Object> params){
  11.         PageUtils page = contentService.queryPage(params);
  12.         return R.ok().put("page", page);
  13.     }
  14.     /**
  15.      * 信息
  16.      */
  17.     @RequestMapping("/info/{id}")
  18.     public R info(@PathVariable("id") Long id){
  19.         ContentEntity content = contentService.getById(id);
  20.         return R.ok().put("content", content);
  21.     }
  22.     /**
  23.      * 保存
  24.      */
  25.     @RequestMapping("/save")
  26.     public R save(@RequestBody ContentEntity content){
  27.         contentService.save(content);
  28.         return R.ok();
  29.     }
  30.     /**
  31.      * 修改
  32.      */
  33.     @RequestMapping("/update")
  34.     public R update(@RequestBody ContentEntity content){
  35.         contentService.updateById(content);
  36.         return R.ok();
  37.     }
  38.     /**
  39.      * 删除
  40.      */
  41.     @RequestMapping("/delete")
  42.     public R delete(@RequestBody Long[] ids){
  43.         contentService.removeByIds(Arrays.asList(ids));
  44.         return R.ok();
  45.     }
  47. }

1.2 广告的添加及修改：

1.2.1 广告添加及修改的前端页面部分：

  1. <el-dialog
  2.     :title="!dataForm.id ? '新增' : '修改'"
  3.     :close-on-click-modal="false"
  4.     :visible.sync="visible">
  5.     {{dataForm}}
  6.     <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px">
  7.     <el-form-item label="广告分类" prop="categoryId">
  8.       <!--<el-input v-model="dataForm.categoryId" placeholder="内容类目ID"></el-input>-->
  9.       <el-select v-model="dataForm.categoryId"   placeholder="广告分类">
  10.         <el-option
  11.           v-for="item in categorys"
  12.           :key="item.id"
  13.           :label="item.name"
  14.           :value="item.id">
  15.         </el-option>
  16.       </el-select>
  17.     </el-form-item>
  18.     <el-form-item label="内容标题" prop="title">
  19.       <el-input v-model="dataForm.title" placeholder="内容标题"></el-input>
  20.     </el-form-item>
  21.     <el-form-item label="链接" prop="url">
  22.       <el-input v-model="dataForm.url" placeholder="链接"></el-input>
  23.     </el-form-item>
  24.     <el-form-item label="广告图片" prop="pic">
  25.       <!--图片上传-->
  26.       <!--2. 图片列表-->
  27.         <!--文件上传组件-->
  28.         <!--:http-request="uploadFile" 此代码代表自定义文件上传-->
  29.         <el-upload
  30.           action=""
  31.           class="upload-demo"
  32.           :file-list="fileList"
  33.           :http-request="uploadFile"
  34.           list-type="picture">
  35.           <el-button size="small" type="primary">点击上传</el-button>
  36.           <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  37.         </el-upload>
  38.     </el-form-item>
  39.     <el-form-item label="状态" prop="status">
  40.         <el-switch
  41.           v-model="dataForm.status"
  42.           active-value="1"
  43.           inactive-value="0"
  44.           active-color="#13ce66"
  45.           inactive-color="#ff4949">
  46.         </el-switch>
  47.     </el-form-item>
  48.     <el-form-item label="排序" prop="sortOrder">
  49.       <el-input v-model="dataForm.sortOrder" placeholder="排序"></el-input>
  50.     </el-form-item>
  51.     </el-form>
  52.     <span slot="footer" class="dialog-footer">
  53.       <el-button @click="visible = false">取消</el-button>
  54.       <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
  55.     </span>
  56.   </el-dialog>

1.2.2 广告添加及修改的前端JS部分：

  1. export default {
  2.     data () {
  3.       return {
  4.         visible: false,
  5.         categorys:[],
  6.         fileList:[],             //上传文件列表
  7.         dataForm: {
  8.           id: 0,
  9.           categoryId: '',
  10.           title: '',
  11.           url: '',
  12.           pic: '',
  13.           status: '',
  14.           sortOrder: '',
  16.         },
  17.         dataRule: {
  18.           categoryId: [
  19.             { required: true, message: '内容类目ID不能为空', trigger: 'blur' }
  20.           ],
  21.           title: [
  22.             { required: true, message: '内容标题不能为空', trigger: 'blur' }
  23.           ],
  24.           url: [
  25.             { required: true, message: '链接不能为空', trigger: 'blur' }
  26.           ],
  27.           pic: [
  28.             { required: true, message: '图片绝对路径不能为空', trigger: 'blur' }
  29.           ],
  30.           status: [
  31.             { required: true, message: '状态不能为空', trigger: 'blur' }
  32.           ],
  33.           sortOrder: [
  34.             { required: true, message: '排序不能为空', trigger: 'blur' }
  35.           ]
  36.         }
  37.       }
  38.     },
  39.     created() {
  40.       this.findContentCategorys();
  41.     },
  42.     methods: {
  43.       //0. 文件上传
  44.       uploadFile(val){
  45.         //0.1 构造要上传的文件对象
  46.         let form = new FormData();
  47.         //0.2. 向form中添加上传的内容
  48.         form.append("file",val.file);
  49.         this.fileList = [];
  50.         this.$http({
  51.           url: this.$http.adornUrl('/manager/upload'),
  52.           method: 'post',
  53.           data:form,
  54.           headers:{'Content-Type':'multipart/form-data'}
  55.         }).then(({data}) => {
  56.           if (data && data.code === 0) {
  57.             console.log("data:",data);
  58.              //1. 上传成功后，将上传的文件放到文件列表中
  59.              this.fileList.push({name:val.raw,url:data.url})
  60.             //2. 将图片地址设置给imageEntity
  61.             this.dataForm.pic = data.url;
  62.           }
  63.         })
  64.       },
  65.       //1. 查询所有的广告分类
  66.       findContentCategorys(){
  67.         this.$http({
  68.           url: this.$http.adornUrl('/manager/contentcategory/list'),
  69.           method: 'get',
  70.           params: this.$http.adornParams({
  71.             'page': this.pageIndex,
  72.             'limit': this.pageSize,
  73.             'key': this.dataForm.key
  74.           })
  75.         }).then(({data}) => {
  76.           if (data && data.code === 0) {
  77.             this.categorys = data.page.list
  78.             this.totalPage = data.page.totalCount
  79.           } else {
  80.             this.categorys = []
  81.             this.totalPage = 0
  82.           }
  83.         })
  84.       },
  86.       init (id) {
  87.         this.dataForm.id = id || 0
  88.         this.visible = true
  89.         this.$nextTick(() => {
  90.           this.$refs['dataForm'].resetFields()
  91.           if (this.dataForm.id) {
  92.             this.$http({
  93.               url: this.$http.adornUrl(`/manager/content/info/${this.dataForm.id}`),
  94.               method: 'get',
  95.               params: this.$http.adornParams()
  96.             }).then(({data}) => {
  97.               if (data && data.code === 0) {
  98.                 this.dataForm.categoryId = data.content.categoryId
  99.                 this.dataForm.title = data.content.title
  100.                 this.dataForm.url = data.content.url
  101.                 this.dataForm.pic = data.content.pic
  102.                 this.dataForm.status = data.content.status
  103.                 this.dataForm.sortOrder = data.content.sortOrder
  104.                 this.fileList=[];
  105.                 this.fileList.push({name:'广告图片',url:data.content.pic})
  106.               }
  107.             })
  108.           }
  109.         })
  110.       },
  111.       // 表单提交
  112.       dataFormSubmit () {
  113.         this.$refs['dataForm'].validate((valid) => {
  114.           if (valid) {
  115.             this.$http({
  116.               url: this.$http.adornUrl(`/manager/content/${!this.dataForm.id ? 'save' : 'update'}`),
  117.               method: 'post',
  118.               data: this.$http.adornData({
  119.                 'id': this.dataForm.id || undefined,
  120.                 'categoryId': this.dataForm.categoryId,
  121.                 'title': this.dataForm.title,
  122.                 'url': this.dataForm.url,
  123.                 'pic': this.dataForm.pic,
  124.                 'status': this.dataForm.status,
  125.                 'sortOrder': this.dataForm.sortOrder
  126.               })
  127.             }).then(({data}) => {
  128.               if (data && data.code === 0) {
  129.                 this.$message({
  130.                   message: '操作成功',
  131.                   type: 'success',
  132.                   duration: 1500,
  133.                   onClose: () => {
  134.                     this.visible = false
  135.                     this.$emit('refreshDataList')
  136.                   }
  137.                 })
  138.               } else {
  139.                 this.$message.error(data.msg)
  140.               }
  141.             })
  142.           }
  143.         })
  144.       }
  145.     }
  146.   }

1.2.3 后端文件上传部分：

定义一个配置文件：resources/fastdfs.conf

  1. tracker_server=192.168.56.10:22122

定义文件上传控制器方法upload：

  1.     @RequestMapping("/upload")
  2.     public R upload(MultipartFile file) throws Exception {
  3.         //1.得到fastDFSClient对象
  4.         FastDFSClient fastDFSClient = new FastDFSClient("classpath:fastdfs.conf");
  5.         //2. 获取文件名
  6.         String filename = file.getOriginalFilename();
  7.         //3. 得到文件后缀名
  8.         String suffixName = filename.substring(filename.lastIndexOf(".") + 1);
  9.         System.out.println("filename = " + filename);
  10.         //4. 上传文件
  11.         String s = fastDFSClient.uploadFile(file.getBytes(), suffixName);
  12.         //5. 最后的地址
  13.         String url = "http://192.168.56.10:8080/" + s;
  15.         return R.ok().put("url",url);
  16.     }

二、首页广告管理：

2.1 配置nginx服务器，充当静态服务器（动静分离）

2.1.1 配置mydata/nginx/conf/nginx.conf

  1. ...
  2.   upstream portal{
  3.     server 192.168.56.1:9003;
  4.     }
  5. ...

2.1.2 配置mydata/nginx/conf/conf.d/zeyigou.conf

  1. server {
  2.     listen       80;
  3.     server_name  zeyigou.com;
  5.     location /m/manager {
  6.             proxy_pass http://manager/;
  7.             proxy_set_header Host $host;
  8.     }
  9.     #运营商管理后台
  10.      location  /s/manager {
  11.             proxy_pass http://manager/;
  12.             proxy_set_header Host $host;
  13.     }
  14.      #商家管理后台
  15.     location  /s/shop {
  16.             proxy_pass http://shop/;
  17.             proxy_set_header Host $host;
  18.     }
  21.     location /m {
  22.             proxy_pass http://192.168.56.1:8080/renren-fast/;
  23.             proxy_set_header Host $host;
  24.     }
  27.     location /s {
  28.             proxy_pass http://192.168.56.1:8081/renren-fast/;
  29.             proxy_set_header Host $host;
  30.     }
  32. }
  33. #解决门户网站动静分离与反向代理
  34. server {
  35.     listen       80;
  36.     server_name  portal.zeyigou.com;
  38.     location / {
  39.     proxy_pass http://portal;
  40.     proxy_set_header Host $host:$server_port;
  41.     }
  42.     location /static/ {
  43.     root /usr/share/nginx/html;
  44.     }
  46. }

2.1.3 放置项目资料下的前台的所有内容（除index.html）放到/mydata/nginx/html/static/portal目录下

image.png

2.1.4 重启服务器

  1. docker restart nginx

2.2 在zyg-portal-web工程下添加thymeleaf模板：

2.2.1 添加依赖：

  1.  <dependencies>
  2.         <dependency>
  3.             <groupId>org.springframework.boot</groupId>
  4.             <artifactId>spring-boot-starter-web</artifactId>
  5.         </dependency>
  7.         <dependency>
  8.             <groupId>com.zelin</groupId>
  9.             <artifactId>zyg-content-service</artifactId>
  10.             <version>2.0</version>
  11.         </dependency>
  13.         <!--1.添加thymeleaf依赖-->
  14.         <dependency>
  15.             <groupId>org.springframework.boot</groupId>
  16.             <artifactId>spring-boot-starter-thymeleaf</artifactId>
  17.         </dependency>
  18.         <!--2.添加devtools-->
  19.         <dependency>
  20.             <groupId>org.springframework.boot</groupId>
  21.             <artifactId>spring-boot-devtools</artifactId>
  22.             <optional>true</optional>
  23.         </dependency>
  24.     </dependencies>

注意：在这个工程前添加zyg-content-interface与zyg-content-service

2.2.2 添加application.yml文件：

  1. server:
  2.   port: 9003
  4. logging:
  5.   level:
  6.     com.zelin: debug
  8. spring:
  9.   thymeleaf:
  10.     cache: false
  11.     prefix: classpath:/templates/
  12.     suffix: .html

注意： 1、如果不使用dubbo,就注掉common中的dubbo依赖 2、在这dao中引入spring-boot-starter-web依赖，否则，报错！

2.2.3 定义控制器:

  1. @Controller
  2. @RequestMapping
  3. public class ContentController {
  4.     @Autowired
  5.     private ContentService contentService;
  6.     /**
  7.      * 功能: 1.查询所有的广告列表
  8.      * 参数:
  9.      * 返回值: java.lang.String
  10.      * 时间: 2021/7/31 16:24
  11.      */
  12.     @RequestMapping({"/","/index.html"})
  13.     public String findAll(Model model){
  14.         List<ContentEntity> list = contentService.list();
  15.         System.out.println("list = " + list);
  16.         model.addAttribute("contents",list);
  17.         return "index";
  18.     }
  19. }

2.2.4 在resources/templates目录下，添加index.html文件：

  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  7.     <title>泽易购，优质！优质！</title>
  8.      <link rel="icon" href="/static/portal/assets/img/favicon.ico">
  10.     <link rel="stylesheet" type="text/css" href="/static/portal/css/webbase.css" />
  11.     <link rel="stylesheet" type="text/css" href="/static/portal/css/pages-JD-index.css" />
  12.     <link rel="stylesheet" type="text/css" href="/static/portal/css/widget-jquery.autocomplete.css" />
  13.     <link rel="stylesheet" type="text/css" href="/static/portal/css/widget-cartPanelView.css" />
  14. </head>
  16. <body>
  17.     <!-- 头部栏位 -->
  18.     <!--页面顶部-->
  19. <div id="nav-bottom">
  20.     <!--顶部-->
  21.     <div class="nav-top">
  22.         <div class="top">
  23.             <div class="py-container">
  24.                 <div class="shortcut">
  25.                     <ul class="fl">
  26.                         <li class="f-item">泽易购欢迎您！</li>
  27.                         <li class="f-item">请<a href="/static/portal/login.html" target="_blank">登录</a>　<span><a href="/static/portal/register.html" target="_blank">免费注册</a></span></li>
  28.                     </ul>
  29.                     <ul class="fr">
  30.                         <li class="f-item">我的订单</li>
  31.                         <li class="f-item space"></li>
  32.                         <li class="f-item"><a href="/static/portal/home.html" target="_blank">我的泽易购</a></li>
  33.                         <li class="f-item space"></li>
  34.                         <li class="f-item">泽易购会员</li>
  35.                         <li class="f-item space"></li>
  36.                         <li class="f-item">企业采购</li>
  37.                         <li class="f-item space"></li>
  38.                         <li class="f-item">关注泽易购</li>
  39.                         <li class="f-item space"></li>
  40.                         <li class="f-item" id="service">
  41.                             <span>客户服务</span>
  42.                             <ul class="service">
  43.                                 <li><a href="/static/portal/cooperation.html" target="_blank">合作招商</a></li>
  44.                                 <li><a href="/static/portal/shoplogin.html" target="_blank">商家后台</a></li>
  45.                                 <li><a href="/static/portal/cooperation.html" target="_blank">合作招商</a></li>
  46.                                 <li><a href="/static/portal/#">商家后台</a></li>
  47.                             </ul>
  48.                         </li>
  49.                         <li class="f-item space"></li>
  50.                         <li class="f-item">网站导航</li>
  51.                     </ul>
  52.                 </div>
  53.             </div>
  54.         </div>
  56.         <!--头部-->
  57.         <div class="header">
  58.             <div class="py-container">
  59.                 <div class="yui3-g Logo">
  60.                     <div class="yui3-u Left logoArea">
  61.                         <a class="logo-bd" title="泽易购" href="/static/portal/JD-index.html" target="_blank"></a>
  62.                     </div>
  63.                     <div class="yui3-u Center searchArea">
  64.                         <div class="search">
  65.                             <form action="" class="sui-form form-inline">
  66.                                 <!--searchAutoComplete-->
  67.                                 <div class="input-append">
  68.                                     <input type="text" id="autocomplete"  class="input-error input-xxlarge" />
  69.                                     <button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
  70.                                 </div>
  71.                             </form>
  72.                         </div>
  73.                         <div class="hotwords">
  74.                             <ul>
  75.                                 <li class="f-item">泽易购首发</li>
  76.                                 <li class="f-item">亿元优惠</li>
  77.                                 <li class="f-item">9.9元团购</li>
  78.                                 <li class="f-item">每满99减30</li>
  79.                                 <li class="f-item">亿元优惠</li>
  80.                                 <li class="f-item">9.9元团购</li>
  81.                                 <li class="f-item">办公用品</li>
  83.                             </ul>
  84.                         </div>
  85.                     </div>
  86.                     <div class="yui3-u Right shopArea">
  87.                         <div class="fr shopcar">
  88.                             <div class="show-shopcar" id="shopcar">
  89.                                 <span class="car"></span>
  90.                                 <a class="sui-btn btn-default btn-xlarge" href="/static/portal/cart.html" target="_blank">
  91.                                     <span>我的购物车</span>
  92.                                     <i class="shopnum">0</i>
  93.                                 </a>
  94.                                 <div class="clearfix shopcarlist" id="shopcarlist" style="display:none">
  95.                                     <p>"啊哦，你的购物车还没有商品哦！"</p>
  96.                                     <p>"啊哦，你的购物车还没有商品哦！"</p>
  97.                                 </div>
  98.                             </div>
  99.                         </div>
  100.                     </div>
  101.                 </div>
  103.                 <div class="yui3-g NavList">
  104.                     <div class="yui3-u Left all-sort">
  105.                         <h4>全部商品分类</h4>
  106.                     </div>
  107.                     <div class="yui3-u Center navArea">
  108.                         <ul class="nav">
  109.                             <li class="f-item">服装城</li>
  110.                             <li class="f-item">美妆馆</li>
  111.                             <li class="f-item">品优超市</li>
  112.                             <li class="f-item">全球购</li>
  113.                             <li class="f-item">闪购</li>
  114.                             <li class="f-item">团购</li>
  115.                             <li class="f-item">有趣</li>
  116.                             <li class="f-item"><a href="/static/portal/seckill-index.html" target="_blank">秒杀</a></li>
  117.                         </ul>
  118.                     </div>
  119.                     <div class="yui3-u Right"></div>
  120.                 </div>
  121.             </div>
  122.         </div>
  123.     </div>
  124. </div>
  127.     <!--列表-->
  128.     <div class="sort">
  129.         <div class="py-container">
  130.             <div class="yui3-g SortList ">
  131.                 <div class="yui3-u Left all-sort-list">
  132.                     <div class="all-sort-list2">
  133.                         <div class="item bo">
  134.                             <h3><a href="/static/portal/">图书、音像、数字商品</a></h3>
  135.                             <div class="item-list clearfix">
  136.                                 <div class="subitem">
  137.                                     <dl class="fore1">
  138.                                         <dt><a href="/static/portal/">电子书</a></dt>
  139.                                         <dd><a href="/static/portal/">免费</a><a href="/static/portal/">小说</a></em><a href="/static/portal/">励志与成功</a><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  140.                                     </dl>
  141.                                     <dl class="fore2">
  142.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  143.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  144.                                     </dl>
  145.                                     <dl class="fore3">
  146.                                         <dt><a href="/static/portal/">音像</a></dt>
  147.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  148.                                     </dl>
  149.                                     <dl class="fore4">
  150.                                         <dt>文艺</dt>
  151.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  152.                                     </dl>
  153.                                     <dl class="fore5">
  154.                                         <dt>人文社科</dt>
  155.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  156.                                     </dl>
  157.                                     <dl class="fore6">
  158.                                         <dt>经管励志</dt>
  159.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  160.                                     </dl>
  161.                                     <dl class="fore7">
  162.                                         <dt>生活</dt>
  163.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  164.                                     </dl>
  165.                                 </div>
  166.                             </div>
  167.                         </div>
  168.                         <div class="item">
  169.                             <h3><a href="/static/portal/">家用电器</a></h3>
  170.                             <div class="item-list clearfix">
  171.                                 <div class="subitem">
  172.                                     <dl class="fore1">
  173.                                         <dt><a href="/static/portal/">电子书1</a></dt>
  174.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  175.                                     </dl>
  176.                                     <dl class="fore2">
  177.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  178.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  179.                                     </dl>
  180.                                     <dl class="fore3">
  181.                                         <dt><a href="/static/portal/">音像</a></dt>
  182.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  183.                                     </dl>
  184.                                     <dl class="fore4">
  185.                                         <dt>文艺</dt>
  186.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  187.                                     </dl>
  188.                                     <dl class="fore5">
  189.                                         <dt>人文社科</dt>
  190.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  191.                                     </dl>
  192.                                     <dl class="fore6">
  193.                                         <dt>经管励志</dt>
  194.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  195.                                     </dl>
  196.                                     <dl class="fore7">
  197.                                         <dt>生活</dt>
  198.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  199.                                     </dl>
  200.                                     <dl class="fore8">
  201.                                         <dt>科技</dt>
  202.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  203.                                     </dl>
  204.                                     <dl class="fore9">
  205.                                         <dt>少儿</dt>
  206.                                         <dd><em><a href="/static/portal/">少儿</a></em><em><a href="/static/portal/">0-2岁</a></em><em><a href="/static/portal/">3-6岁</a></em><em><a href="/static/portal/">7-10岁</a></em><em><a href="/static/portal/">11-14岁</a></em></dd>
  207.                                     </dl>
  208.                                 </div>
  209.                             </div>
  210.                         </div>
  211.                         <div class="item">
  212.                             <h3><a href="/static/portal/">手机、数码</a></h3>
  213.                             <div class="item-list clearfix">
  214.                                 <div class="subitem">
  215.                                     <dl class="fore1">
  216.                                         <dt><a href="/static/portal/">电子书2</a></dt>
  217.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  218.                                     </dl>
  219.                                     <dl class="fore2">
  220.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  221.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  222.                                     </dl>
  223.                                     <dl class="fore3">
  224.                                         <dt><a href="/static/portal/">音像</a></dt>
  225.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  226.                                     </dl>
  227.                                     <dl class="fore4">
  228.                                         <dt>文艺</dt>
  229.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  230.                                     </dl>
  231.                                     <dl class="fore5">
  232.                                         <dt>人文社科</dt>
  233.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  234.                                     </dl>
  235.                                 </div>
  236.                             </div>
  237.                         </div>
  238.                         <div class="item">
  239.                             <h3><a href="/static/portal/">电脑、办公</a></h3>
  240.                             <div class="item-list clearfix">
  241.                                 <div class="subitem">
  242.                                     <dl class="fore1">
  243.                                         <dt><a href="/static/portal/">电子书3</a></dt>
  244.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  245.                                     </dl>
  246.                                     <dl class="fore2">
  247.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  248.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  249.                                     </dl>
  250.                                     <dl class="fore3">
  251.                                         <dt><a href="/static/portal/">音像</a></dt>
  252.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  253.                                     </dl>
  254.                                     <dl class="fore4">
  255.                                         <dt>文艺</dt>
  256.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  257.                                     </dl>
  258.                                     <dl class="fore5">
  259.                                         <dt>人文社科</dt>
  260.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  261.                                     </dl>
  262.                                     <dl class="fore6">
  263.                                         <dt>经管励志</dt>
  264.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  265.                                     </dl>
  266.                                     <dl class="fore7">
  267.                                         <dt>生活</dt>
  268.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  269.                                     </dl>
  270.                                     <dl class="fore8">
  271.                                         <dt>科技</dt>
  272.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  273.                                     </dl>
  274.                                     <dl class="fore9">
  275.                                         <dt>少儿</dt>
  276.                                         <dd><em><a href="/static/portal/">少儿</a></em><em><a href="/static/portal/">0-2岁</a></em><em><a href="/static/portal/">3-6岁</a></em><em><a href="/static/portal/">7-10岁</a></em><em><a href="/static/portal/">11-14岁</a></em></dd>
  277.                                     </dl>
  278.                                     <dl class="fore10">
  279.                                         <dt>教育</dt>
  280.                                         <dd><em><a href="/static/portal/">教材教辅</a></em><em><a href="/static/portal/">考试</a></em><em><a href="/static/portal/">外语学习</a></em></dd>
  281.                                     </dl>
  282.                                     <dl class="fore11">
  283.                                         <dt>其它</dt>
  284.                                         <dd><em><a href="/static/portal/">英文原版书</a></em><em><a href="/static/portal/">港台图书</a></em><em><a href="/static/portal/">工具书</a></em><em><a href="/static/portal/">套装书</a></em><em><a href="/static/portal/">杂志/期刊</a></em></dd>
  285.                                     </dl>
  286.                                 </div>
  287.                             </div>
  288.                         </div>
  289.                         <div class="item">
  290.                             <h3><a href="/static/portal/">家居、家具、家装、厨具</a></h3>
  291.                             <div class="item-list clearfix">
  292.                                 <div class="subitem">
  293.                                     <dl class="fore1">
  294.                                         <dt><a href="/static/portal/">电子书4</a></dt>
  295.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  296.                                     </dl>
  297.                                     <dl class="fore2">
  298.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  299.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  300.                                     </dl>
  301.                                     <dl class="fore3">
  302.                                         <dt><a href="/static/portal/">音像</a></dt>
  303.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  304.                                     </dl>
  305.                                     <dl class="fore4">
  306.                                         <dt>文艺</dt>
  307.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  308.                                     </dl>
  309.                                     <dl class="fore5">
  310.                                         <dt>人文社科</dt>
  311.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  312.                                     </dl>
  313.                                     <dl class="fore6">
  314.                                         <dt>经管励志</dt>
  315.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  316.                                     </dl>
  317.                                     <dl class="fore7">
  318.                                         <dt>生活</dt>
  319.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  320.                                     </dl>
  321.                                     <dl class="fore8">
  322.                                         <dt>科技</dt>
  323.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  324.                                     </dl>
  325.                                     <dl class="fore9">
  326.                                         <dt>少儿</dt>
  327.                                         <dd><em><a href="/static/portal/">少儿</a></em><em><a href="/static/portal/">0-2岁</a></em><em><a href="/static/portal/">3-6岁</a></em><em><a href="/static/portal/">7-10岁</a></em><em><a href="/static/portal/">11-14岁</a></em></dd>
  328.                                     </dl>
  329.                                 </div>
  330.                             </div>
  331.                         </div>
  332.                         <div class="item">
  333.                             <h3><a href="/static/portal/">服饰内衣</a></h3>
  334.                             <div class="item-list clearfix">
  335.                                 <div class="subitem">
  336.                                     <dl class="fore1">
  337.                                         <dt><a href="/static/portal/">电子书5</a></dt>
  338.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  339.                                     </dl>
  340.                                     <dl class="fore2">
  341.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  342.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  343.                                     </dl>
  344.                                     <dl class="fore3">
  345.                                         <dt><a href="/static/portal/">音像</a></dt>
  346.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  347.                                     </dl>
  348.                                     <dl class="fore4">
  349.                                         <dt>文艺</dt>
  350.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  351.                                     </dl>
  352.                                     <dl class="fore5">
  353.                                         <dt>人文社科</dt>
  354.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  355.                                     </dl>
  356.                                     <dl class="fore6">
  357.                                         <dt>经管励志</dt>
  358.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  359.                                     </dl>
  360.                                     <dl class="fore7">
  361.                                         <dt>生活</dt>
  362.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  363.                                     </dl>
  364.                                     <dl class="fore8">
  365.                                         <dt>科技</dt>
  366.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  367.                                     </dl>
  368.                                 </div>
  369.                             </div>
  370.                         </div>
  371.                         <div class="item">
  372.                             <h3><a href="/static/portal/">个护化妆</a></h3>
  373.                             <div class="item-list clearfix">
  374.                                 <div class="subitem">
  375.                                     <dl class="fore1">
  376.                                         <dt><a href="/static/portal/">电子书6</a></dt>
  377.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  378.                                     </dl>
  379.                                     <dl class="fore2">
  380.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  381.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  382.                                     </dl>
  383.                                     <dl class="fore3">
  384.                                         <dt><a href="/static/portal/">音像</a></dt>
  385.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  386.                                     </dl>
  387.                                     <dl class="fore4">
  388.                                         <dt>文艺</dt>
  389.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  390.                                     </dl>
  391.                                     <dl class="fore5">
  392.                                         <dt>人文社科</dt>
  393.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  394.                                     </dl>
  395.                                     <dl class="fore6">
  396.                                         <dt>经管励志</dt>
  397.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  398.                                     </dl>
  399.                                     <dl class="fore7">
  400.                                         <dt>生活</dt>
  401.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  402.                                     </dl>
  403.                                     <dl class="fore8">
  404.                                         <dt>科技</dt>
  405.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  406.                                     </dl>
  407.                                     <dl class="fore9">
  408.                                         <dt>少儿</dt>
  409.                                         <dd><em><a href="/static/portal/">少儿</a></em><em><a href="/static/portal/">0-2岁</a></em><em><a href="/static/portal/">3-6岁</a></em><em><a href="/static/portal/">7-10岁</a></em><em><a href="/static/portal/">11-14岁</a></em></dd>
  410.                                     </dl>
  411.                                     <dl class="fore10">
  412.                                         <dt>教育</dt>
  413.                                         <dd><em><a href="/static/portal/">教材教辅</a></em><em><a href="/static/portal/">考试</a></em><em><a href="/static/portal/">外语学习</a></em></dd>
  414.                                     </dl>
  415.                                     <dl class="fore11">
  416.                                         <dt>其它</dt>
  417.                                         <dd><em><a href="/static/portal/">英文原版书</a></em><em><a href="/static/portal/">港台图书</a></em><em><a href="/static/portal/">工具书</a></em><em><a href="/static/portal/">套装书</a></em><em><a href="/static/portal/">杂志/期刊</a></em></dd>
  418.                                     </dl>
  419.                                 </div>
  420.                             </div>
  421.                         </div>
  422.                         <div class="item">
  423.                             <h3><a href="/static/portal/">运动健康</a></h3>
  424.                             <div class="item-list clearfix">
  425.                                 <div class="subitem">
  426.                                     <dl class="fore1">
  427.                                         <dt><a href="/static/portal/">电子书7</a></dt>
  428.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  429.                                     </dl>
  430.                                     <dl class="fore2">
  431.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  432.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  433.                                     </dl>
  434.                                     <dl class="fore3">
  435.                                         <dt><a href="/static/portal/">音像</a></dt>
  436.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  437.                                     </dl>
  438.                                     <dl class="fore4">
  439.                                         <dt>文艺</dt>
  440.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  441.                                     </dl>
  442.                                 </div>
  443.                                 <div class="cat-right">
  444.                                     <dl class="categorys-brands" clstag="homepage|keycount|home2013|0601d">
  445.                                         <dt>推荐品牌出版商</dt>
  446.                                         <dd>
  447.                                             <ul>
  448.                                                 <li>
  449.                                                     <a href="/static/portal/">中华书局</a>
  450.                                                 </li>
  451.                                                 <li>
  452.                                                     <a href="/static/portal/">人民邮电出版社</a>
  453.                                                 </li>
  454.                                             </ul>
  455.                                         </dd>
  456.                                     </dl>
  457.                                 </div>
  458.                             </div>
  459.                         </div>
  460.                         <div class="item">
  461.                             <h3><a href="/static/portal/">汽车用品</a></h3>
  462.                             <div class="item-list clearfix">
  463.                                 <div class="subitem">
  464.                                     <dl class="fore1">
  465.                                         <dt><a href="/static/portal/">电子书8</a></dt>
  466.                                         <dd><em><a href="/static/portal/">免费</a></em><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">励志与成功</a></em><em><a href="/static/portal/">婚恋/两性</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">经管</a></em><em><a href="/static/portal/">畅读VIP</a></em></dd>
  467.                                     </dl>
  468.                                     <dl class="fore2">
  469.                                         <dt><a href="/static/portal/">数字音乐</a></dt>
  470.                                         <dd><em><a href="/static/portal/">通俗流行</a></em><em><a href="/static/portal/">古典音乐</a></em><em><a href="/static/portal/">摇滚说唱</a></em><em><a href="/static/portal/">爵士蓝调</a></em><em><a href="/static/portal/">乡村民谣</a></em><em><a href="/static/portal/">有声读物</a></em></dd>
  471.                                     </dl>
  472.                                     <dl class="fore3">
  473.                                         <dt><a href="/static/portal/">音像</a></dt>
  474.                                         <dd><em><a href="/static/portal/">音乐</a></em><em><a href="/static/portal/">影视</a></em><em><a href="/static/portal/">教育音像</a></em><em><a href="/static/portal/">游戏</a></em></dd>
  475.                                     </dl>
  476.                                     <dl class="fore4">
  477.                                         <dt>文艺</dt>
  478.                                         <dd><em><a href="/static/portal/">小说</a></em><em><a href="/static/portal/">文学</a></em><em><a href="/static/portal/">青春文学</a></em><em><a href="/static/portal/">传记</a></em><em><a href="/static/portal/">艺术</a></em></dd>
  479.                                     </dl>
  480.                                     <dl class="fore5">
  481.                                         <dt>人文社科</dt>
  482.                                         <dd><em><a href="/static/portal/">历史</a></em><em><a href="/static/portal/">心理学</a></em><em><a href="/static/portal/">政治/军事</a></em><em><a href="/static/portal/">国学/古籍</a></em><em><a href="/static/portal/">哲学/宗教</a></em><em><a href="/static/portal/">社会科学</a></em></dd>
  483.                                     </dl>
  484.                                     <dl class="fore6">
  485.                                         <dt>经管励志</dt>
  486.                                         <dd><em><a href="/static/portal/">经济</a></em><em><a href="/static/portal/">金融与投资</a></em><em><a href="/static/portal/">管理</a></em><em><a href="/static/portal/">励志与成功</a></em></dd>
  487.                                     </dl>
  488.                                     <dl class="fore7">
  489.                                         <dt>生活</dt>
  490.                                         <dd><em><a href="/static/portal/">家庭与育儿</a></em><em><a href="/static/portal/">旅游/地图</a></em><em><a href="/static/portal/">烹饪/美食</a></em><em><a href="/static/portal/">时尚/美妆</a></em><em><a href="/static/portal/">家居</a></em><em><a href="/static/portal/">婚恋与两性</a></em><em><a href="/static/portal/">娱乐/休闲</a></em><em><a href="/static/portal/">健身与保健</a></em><em><a href="/static/portal/">动漫/幽默</a></em><em><a href="/static/portal/">体育/运动</a></em></dd>
  491.                                     </dl>
  492.                                     <dl class="fore8">
  493.                                         <dt>科技</dt>
  494.                                         <dd><em><a href="/static/portal/">科普</a></em><em><a href="/static/portal/">IT</a></em><em><a href="/static/portal/">建筑</a></em><em><a href="/static/portal/">医学</a></em><em><a href="/static/portal/">工业技术</a></em><em><a href="/static/portal/">电子/通信</a></em><em><a href="/static/portal/">农林</a></em><em><a href="/static/portal/">科学与自然</a></em></dd>
  495.                                     </dl>
  496.                                 </div>
  497.                             </div>
  498.                         </div>
  499.                         <div class="item">
  500.                             <h3><a href="/static/portal/">彩票、旅行</a></h3>
  501.                         </div>
  502.                         <div class="item">
  503.                             <h3><a href="/static/portal/">理财、众筹</a></h3>
  504.                         </div>
  505.                         <div class="item">
  506.                             <h3><a href="/static/portal/">母婴、玩具</a></h3>
  507.                         </div>
  508.                         <div class="item">
  509.                             <h3><a href="/static/portal/">箱包</a></h3>
  510.                         </div>
  511.                         <div class="item">
  512.                             <h3><a href="/static/portal/">运动户外</a></h3>
  513.                         </div>
  514.                         <div class="item">
  515.                             <h3><a href="/static/portal/">箱包</a></h3>
  516.                         </div>
  517.                     </div>
  518.                 </div>
  519.                 <div class="yui3-u Center banerArea">
  520.                     <!--banner轮播-->
  521.                     <div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
  522.                       <ol class="carousel-indicators">
  523.                           <!--0.thymeleaf遍历时有一个对象userStat(有index,count,size,current,even,odd,first,last)得到索引值-->
  524.                         <li data-target="#myCarousel" data-slide-to="{{userStat.index}}"
  525.                             th:class="${userStat.index==0}?'active':''" th:each="con,userStat : ${contents}"></li>
  526.                       </ol>
  527.                       <div class="carousel-inner">
  528.                         <!--1.thymeleaf模板的遍历技术  -->
  529.                         <div class=" item" th:each="con : ${contents}">
  530.                         <a th:href="${con.url}" >
  531.                             <img th:src="${con.pic}"  />
  532.                           </a>
  533.                         </div>
  535.                       </div><a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
  536.                         <a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
  537.                     </div>
  538.                 </div>
  539.                 <div class="yui3-u Right">
  540.                     <div class="news">
  541.                         <h4><em class="fl">泽易购快报</em><span class="fr tip">更多 ></span></h4>
  542.                         <div class="clearix"></div>
  543.                         <ul class="news-list unstyled">
  544.                             <li>
  545.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
  546.                             </li>
  547.                             <li>
  548.                                 <span class="bold">[公告]</span>备战开学季 全民半价购数码
  549.                             </li>
  550.                             <li>
  551.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
  552.                             </li>
  553.                             <li>
  554.                                 <span class="bold">[公告]</span>备战开学季 全民半价购数码
  555.                             </li>
  556.                             <li>
  557.                                 <span class="bold">[特惠]</span>备战开学季 全民半价购数码
  558.                             </li>
  559.                         </ul>
  560.                     </div>
  561.                     <ul class="yui3-g Lifeservice">
  562.                         <li class="yui3-u-1-4 life-item tab-item">
  563.                             <i class="list-item list-item-1"></i>
  564.                             <span class="service-intro">话费</span>
  565.                         </li>
  566.                         <li class="yui3-u-1-4 life-item tab-item">
  567.                             <i class="list-item list-item-2"></i>
  568.                             <span class="service-intro">机票</span>
  569.                         </li>
  570.                         <li class="yui3-u-1-4 life-item tab-item">
  571.                             <i class="list-item list-item-3"></i>
  572.                             <span class="service-intro">电影票</span>
  573.                         </li>
  574.                         <li class="yui3-u-1-4 life-item tab-item">
  575.                             <i class="list-item list-item-4"></i>
  576.                             <span class="service-intro">游戏</span>
  577.                         </li>
  578.                         <li class="yui3-u-1-4 life-item notab-item">
  579.                             <i class="list-item list-item-5"></i>
  580.                             <span class="service-intro">彩票</span>
  581.                         </li>
  582.                         <li class="yui3-u-1-4 life-item notab-item">
  583.                             <i class="list-item list-item-6"></i>
  584.                             <span class="service-intro">加油站</span>
  585.                         </li>
  586.                         <li class="yui3-u-1-4 life-item notab-item">
  587.                             <i class="list-item list-item-7"></i>
  588.                             <span class="service-intro">酒店</span>
  589.                         </li>
  590.                         <li class="yui3-u-1-4 life-item notab-item">
  591.                             <i class="list-item list-item-8"></i>
  592.                             <span class="service-intro">火车票</span>
  593.                         </li>
  594.                         <li class="yui3-u-1-4 life-item  notab-item">
  595.                             <i class="list-item list-item-9"></i>
  596.                             <span class="service-intro">众筹</span>
  597.                         </li>
  598.                         <li class="yui3-u-1-4 life-item notab-item">
  599.                             <i class="list-item list-item-10"></i>
  600.                             <span class="service-intro">理财</span>
  601.                         </li>
  602.                         <li class="yui3-u-1-4 life-item notab-item">
  603.                             <i class="list-item list-item-11"></i>
  604.                             <span class="service-intro">礼品卡</span>
  605.                         </li>
  606.                         <li class="yui3-u-1-4 life-item notab-item">
  607.                             <i class="list-item list-item-12"></i>
  608.                             <span class="service-intro">白条</span>
  609.                         </li>
  610.                     </ul>
  611.                     <div class="life-item-content">
  612.                         <div class="life-detail">
  613.                             <i class="close">关闭</i>
  614.                             <p>话费充值</p>
  615.                             <form action="" class="sui-form form-horizontal">
  616.                                 号码：<input type="text" id="inputphoneNumber" placeholder="输入你的号码" />
  617.                             </form>
  618.                             <button class="sui-btn btn-danger">快速充值</button>
  619.                         </div>
  620.                         <div class="life-detail">
  621.                             <i class="close">关闭</i> 机票
  622.                         </div>
  623.                         <div class="life-detail">
  624.                             <i class="close">关闭</i> 电影票
  625.                         </div>
  626.                         <div class="life-detail">
  627.                             <i class="close">关闭</i> 游戏
  628.                         </div>
  629.                     </div>
  630.                     <div class="ads">
  631.                         <img src="/static/portal/img/ad1.png" />
  632.                     </div>
  633.                 </div>
  634.             </div>
  635.         </div>
  636.     </div>
  637.     <!--推荐-->
  638.     <div class="show">
  639.         <div class="py-container">
  640.             <ul class="yui3-g Recommend">
  641.                 <li class="yui3-u-1-6  clock">
  642.                     <div class="time">
  643.                         <img src="/static/portal/img/clock.png" />
  644.                         <h3>今日推荐</h3>
  645.                     </div>
  646.                 </li>
  647.                 <li class="yui3-u-5-24">
  648.                     <a href="/static/portal/list.html" target="_blank"><img src="/static/portal/img/today01.png" /></a>
  649.                 </li>
  650.                 <li class="yui3-u-5-24">
  651.                     <img src="/static/portal/img/today02.png" />
  652.                 </li>
  653.                 <li class="yui3-u-5-24">
  654.                     <img src="/static/portal/img/today03.png" />
  655.                 </li>
  656.                 <li class="yui3-u-5-24">
  657.                     <img src="/static/portal/img/today04.png" />
  658.                 </li>
  659.             </ul>
  660.         </div>
  661.     </div>
  662.     <!--喜欢-->
  663.     <div class="like">
  664.         <div class="py-container">
  665.             <div class="title">
  666.                 <h3 class="fl">猜你喜欢</h3>
  667.                 <b class="border"></b>
  668.                 <a href="/static/portal/javascript:;" class="fr tip changeBnt" id="xxlChg"><i></i>换一换</a>
  669.             </div>
  670.             <div class="bd">
  671.                 <ul class="clearfix yui3-g Favourate picLB" id="picLBxxl">
  672.                     <li class="yui3-u-1-6">
  673.                         <dl class="picDl huozhe">
  674.                             <dd>
  675.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_02.png" alt="" /></a>
  676.                                 <div class="like-text">
  677.                                     <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
  678.                                     <h3>¥116.00</h3>
  679.                                 </div>
  680.                             </dd>
  681.                             <dd>
  682.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_01.png" alt="" /></a>
  683.                                 <div class="like-text">
  684.                                     <p>爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</p>
  685.                                     <h3>¥116.00</h3>
  686.                                 </div>
  687.                             </dd>
  688.                         </dl>
  689.                     </li>
  690.                     <li class="yui3-u-1-6">
  691.                         <dl class="picDl jilu">
  692.                             <dd>
  693.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_03.png" alt="" /></a>
  694.                                 <div class="like-text">
  695.                                     <p>爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</p>
  696.                                     <h3>¥116.00</h3>
  697.                                 </div>
  698.                             </dd>
  699.                             <dd>
  700.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_02.png" alt="" /></a>
  701.                                 <div class="like-text">
  702.                                     <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
  703.                                     <h3>¥116.00</h3>
  704.                                 </div>
  705.                             </dd>
  706.                         </dl>
  707.                     </li>
  708.                     <li class="yui3-u-1-6">
  709.                         <dl class="picDl tuhua">
  710.                             <dd>
  711.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_01.png" alt="" /></a>
  712.                                 <div class="like-text">
  713.                                     <p>捷波朗 </p>
  714.                                     <p>（jabra）BOOSI劲步</p>
  715.                                     <h3>¥236.00</h3>
  716.                                 </div>
  717.                             </dd>
  718.                             <dd>
  719.                                 <a href="/static/portal/" class="pic"><img nsrc="assets/img/like_02.png" alt="" /></a>
  720.                                 <div class="like-text">
  721.                                     <p>三星（G5500）</p>
  722.                                     <p>移动联通双网通</p>
  723.                                     <h3>¥566.00</h3>
  724.                                 </div>
  725.                             </dd>
  726.                         </dl>
  727.                     </li>
  728.                     <li class="yui3-u-1-6">
  729.                         <dl class="picDl huozhe">
  730.                             <dd>
  731.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_02.png" alt="" /></a>
  732.                                 <div class="like-text">
  733.                                     <p>阳光美包新款单肩包女包时尚子母包四件套女</p>
  734.                                     <h3>¥116.00</h3>
  735.                                 </div>
  736.                             </dd>
  737.                             <dd>
  738.                                 <a href="/static/portal/" class="pic"><img src="/static/portal/img/like_01.png" alt="" /></a>
  739.                                 <div class="like-text">
  740.                                     <p>爱仕达 30CM炒锅不粘锅NWG8330E电磁炉炒</p>
  741.                                     <h3>¥116.00</h3>
  742.                                 </div>
  743.                             </dd>
  744.                         </dl>
  745.                     </li>
  746.                     <li class="yui3-u-1-6">
  747.                         <dl class="picDl jilu">
  748.                             <dd>
  749.                                 <a href="/static/portal/http://sc.chinaz.com/" class="pic"><img src="/static/portal/img/like_03.png" alt="" /></a>
  750.                                 <div class="like-text">
  751.                                     <p>捷波朗 </p>
  752.                                     <p>（jabra）BOOSI劲步</p>
  753.                                     <h3>¥236.00</h3>
  754.                                 </div>
  755.                             </dd>
  756.                             <dd>
  757.                                 <a href="/static/portal/http://sc.chinaz.com/" class="pic"><img src="/static/portal/img/like_02.png" alt="" /></a>
  758.                                 <div class="like-text">
  759.                                     <p>欧普</p>
  760.                                     <p>JYLZ08面板灯平板灯铝</p>
  761.                                     <h3>¥456.00</h3>
  762.                                 </div>
  763.                             </dd>
  764.                         </dl>
  765.                     </li>
  766.                     <li class="yui3-u-1-6">
  767.                         <dl class="picDl tuhua">
  768.                             <dd>
  769.                                 <a href="/static/portal/http://sc.chinaz.com/" class="pic"><img src="/static/portal/img/like_01.png" alt="" /></a>
  770.                                 <div class="like-text">
  771.                                     <p>三星（G5500）</p>
  772.                                     <p>移动联通双网通</p>
  773.                                     <h3>¥566.00</h3>
  774.                                 </div>
  775.                             </dd>
  776.                             <dd>
  777.                                 <a href="/static/portal/http://sc.chinaz.com/" class="pic"><img nsrc="assets/img/like_02.png" alt="" /></a>
  778.                                 <div class="like-text">
  779.                                     <p>韩国所望紧致湿润精华露400ml</p>
  780.                                     <h3>¥896.00</h3>
  781.                                 </div>
  782.                             </dd>
  783.                         </dl>
  784.                     </li>
  785.                 </ul>
  786.             </div>
  787.         </div>
  788.     </div>
  789.     <!--有趣-->
  790.     <div class="fun">
  791.         <div class="py-container">
  792.             <div class="title">
  793.                 <h3 class="fl">泽林教育.有趣区</h3>
  794.             </div>
  795.             <div class="clearfix yui3-g Interest">
  796.                 <span class="x-line"></span>
  797.                 <div class="yui3-u row-405 Interest-conver">
  798.                     <img src="/static/portal/img/interest01.png" />
  799.                 </div>
  800.                 <div class="yui3-u row-225 Interest-conver-split">
  801.                     <h5>好东西</h5>
  802.                     <img src="/static/portal/img/interest02.png" />
  803.                     <img src="/static/portal/img/interest03.png" />
  804.                 </div>
  805.                 <div class="yui3-u row-405 Interest-conver-split blockgary">
  806.                     <h5>品牌街</h5>
  807.                     <div class="split-bt">
  808.                         <img src="/static/portal/img/interest04.png" />
  809.                     </div>
  810.                     <div class="x-img fl">
  811.                         <img src="/static/portal/img/interest05.png" />
  812.                     </div>
  813.                     <div class="x-img fr">
  814.                         <img src="/static/portal/img/interest06.png" />
  815.                     </div>
  816.                 </div>
  817.                 <div class="yui3-u row-165 brandArea">
  818.                     <span class="brand-yline"></span>
  819.                     <ul class="yui3-g brand-list">
  820.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand01.png" /></li>
  821.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand02.png" /></li>
  822.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand03.png" /></li>
  823.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand04.png" /></li>
  824.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand05.png" /></li>
  825.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand06.png" /></li>
  826.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand07.png" /></li>
  827.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand08.png" /></li>
  828.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand09.png" /></li>
  829.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand10.png" /></li>
  830.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand11.png" /></li>
  831.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand12.png" /></li>
  832.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand13.png" /></li>
  833.                         <li class="yui3-u-1-2 brand-pit"><img src="/static/portal/img/brand03.png" /></li>
  834.                     </ul>
  835.                 </div>
  836.             </div>
  837.         </div>
  838.     </div>
  839.     <!--楼层-->
  840.     <div id="floor-1" class="floor">
  841.         <div class="py-container">
  842.             <div class="title floors">
  843.                 <h3 class="fl">家用电器</h3>
  844.                 <div class="fr">
  845.                     <ul class="sui-nav nav-tabs">
  846.                         <li class="active">
  847.                             <a href="/static/portal/#tab1" data-toggle="tab">热门</a>
  848.                         </li>
  849.                         <li>
  850.                             <a href="/static/portal/#tab2" data-toggle="tab">大家电</a>
  851.                         </li>
  852.                         <li>
  853.                             <a href="/static/portal/#tab3" data-toggle="tab">生活电器</a>
  854.                         </li>
  855.                         <li>
  856.                             <a href="/static/portal/#tab4" data-toggle="tab">厨房电器</a>
  857.                         </li>
  858.                         <li>
  859.                             <a href="/static/portal/#tab5" data-toggle="tab">应季电器</a>
  860.                         </li>
  861.                         <li>
  862.                             <a href="/static/portal/#tab6" data-toggle="tab">空气/净水</a>
  863.                         </li>
  864.                         <li>
  865.                             <a href="/static/portal/#tab7" data-toggle="tab">高端电器</a>
  866.                         </li>
  867.                     </ul>
  868.                 </div>
  869.             </div>
  870.             <div class="clearfix  tab-content floor-content">
  871.                 <div id="tab1" class="tab-pane active">
  872.                     <div class="yui3-g Floor-1">
  873.                         <div class="yui3-u Left blockgary">
  874.                             <ul class="jd-list">
  875.                                 <li>节能补贴</li>
  876.                                 <li>4K电视</li>
  877.                                 <li>空气净化器</li>
  878.                                 <li>IH电饭煲</li>
  879.                                 <li>滚筒洗衣机</li>
  880.                                 <li>电热水器</li>
  881.                             </ul>
  882.                             <img src="/static/portal/img/floor-1-1.png" />
  883.                         </div>
  884.                         <div class="yui3-u row-330 floorBanner">
  885.                             <div id="floorCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
  886.                                 <ol class="carousel-indicators">
  887.                                     <li data-target="#floorCarousel" data-slide-to="0" class="active"></li>
  888.                                     <li data-target="#floorCarousel" data-slide-to="1"></li>
  889.                                     <li data-target="#floorCarousel" data-slide-to="2"></li>
  890.                                 </ol>
  891.                                 <div class="carousel-inner">
  892.                                     <div class="active item">
  893.                                         <img src="/static/portal/img/floor-1-b01.png">
  894.                                     </div>
  895.                                     <div class="item">
  896.                                         <img src="/static/portal/img/floor-1-b02.png">
  897.                                     </div>
  898.                                     <div class="item">
  899.                                         <img src="/static/portal/img/floor-1-b03.png">
  900.                                     </div>
  901.                                 </div>
  902.                                 <a href="/static/portal/#floorCarousel" data-slide="prev" class="carousel-control left">‹</a>
  903.                                 <a href="/static/portal/#floorCarousel" data-slide="next" class="carousel-control right">›</a>
  904.                             </div>
  905.                         </div>
  906.                         <div class="yui3-u row-220 split">
  907.                             <span class="floor-x-line"></span>
  908.                             <div class="floor-conver-pit">
  909.                                 <img src="/static/portal/img/floor-1-2.png" />
  910.                             </div>
  911.                             <div class="floor-conver-pit">
  912.                                 <img src="/static/portal/img/floor-1-3.png" />
  913.                             </div>
  914.                         </div>
  915.                         <div class="yui3-u row-218 split">
  916.                             <img src="/static/portal/img/floor-1-4.png" />
  917.                         </div>
  918.                         <div class="yui3-u row-220 split">
  919.                             <span class="floor-x-line"></span>
  920.                             <div class="floor-conver-pit">
  921.                                 <img src="/static/portal/img/floor-1-5.png" />
  922.                             </div>
  923.                             <div class="floor-conver-pit">
  924.                                 <img src="/static/portal/img/floor-1-6.png" />
  925.                             </div>
  926.                         </div>
  927.                     </div>
  928.                 </div>
  929.                 <div id="tab2" class="tab-pane">
  930.                     <p>第二个</p>
  931.                 </div>
  932.                 <div id="tab3" class="tab-pane">
  933.                     <p>第三个</p>
  934.                 </div>
  935.                 <div id="tab4" class="tab-pane">
  936.                     <p>第4个</p>
  937.                 </div>
  938.                 <div id="tab5" class="tab-pane">
  939.                     <p>第5个</p>
  940.                 </div>
  941.                 <div id="tab6" class="tab-pane">
  942.                     <p>第6个</p>
  943.                 </div>
  944.                 <div id="tab7" class="tab-pane">
  945.                     <p>第7个</p>
  946.                 </div>
  947.             </div>
  948.         </div>
  949.     </div>
  950.     <div id="floor-2" class="floor">
  951.         <div class="py-container">
  952.             <div class="title floors">
  953.                 <h3 class="fl">手机通讯</h3>
  954.                 <div class="fr">
  955.                     <ul class="sui-nav nav-tabs">
  956.                         <li class="active">
  957.                             <a href="/static/portal/#tab8" data-toggle="tab">热门</a>
  958.                         </li>
  959.                         <li>
  960.                             <a href="/static/portal/#tab9" data-toggle="tab">品质优选</a>
  961.                         </li>
  962.                         <li>
  963.                             <a href="/static/portal/#tab10" data-toggle="tab">新机尝鲜</a>
  964.                         </li>
  965.                         <li>
  966.                             <a href="/static/portal/#tab11" data-toggle="tab">高性价比</a>
  967.                         </li>
  968.                         <li>
  969.                             <a href="/static/portal/#tab12" data-toggle="tab">合约机</a>
  970.                         </li>
  971.                         <li>
  972.                             <a href="/static/portal/#tab13" data-toggle="tab">手机卡</a>
  973.                         </li>
  974.                         <li>
  975.                             <a href="/static/portal/#tab14" data-toggle="tab">手机配件</a>
  976.                         </li>
  977.                     </ul>
  978.                 </div>
  979.             </div>
  980.             <div class="clearfix  tab-content floor-content">
  981.                 <div id="tab8" class="tab-pane active">
  982.                     <div class="yui3-g Floor-1">
  983.                         <div class="yui3-u Left blockgary">
  984.                             <ul class="jd-list">
  985.                                 <li>节能补贴</li>
  986.                                 <li>4K电视</li>
  987.                                 <li>空气净化器</li>
  988.                                 <li>IH电饭煲</li>
  989.                                 <li>滚筒洗衣机</li>
  990.                                 <li>电热水器</li>
  991.                             </ul>
  992.                             <img src="/static/portal/img/floor-1-1.png" />
  993.                         </div>
  994.                         <div class="yui3-u row-330 floorBanner">
  995.                             <div id="floorCarousell" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
  996.                                 <ol class="carousel-indicators">
  997.                                     <li data-target="#floorCarousell" data-slide-to="0" class="active"></li>
  998.                                     <li data-target="#floorCarousell" data-slide-to="1"></li>
  999.                                     <li data-target="#floorCarousell" data-slide-to="2"></li>
  1000.                                 </ol>
  1001.                                 <div class="carousel-inner">
  1002.                                     <div class="active item">
  1003.                                         <img src="/static/portal/img/floor-1-b01.png">
  1004.                                     </div>
  1005.                                     <div class="item">
  1006.                                         <img src="/static/portal/img/floor-1-b02.png">
  1007.                                     </div>
  1008.                                     <div class="item">
  1009.                                         <img src="/static/portal/img/floor-1-b03.png">
  1010.                                     </div>
  1011.                                 </div>
  1012.                                 <a href="/static/portal/#floorCarousell" data-slide="prev" class="carousel-control left">‹</a>
  1013.                                 <a href="/static/portal/#floorCarousell" data-slide="next" class="carousel-control right">›</a>
  1014.                             </div>
  1015.                         </div>
  1016.                         <div class="yui3-u row-220 split">
  1017.                             <span class="floor-x-line"></span>
  1018.                             <div class="floor-conver-pit">
  1019.                                 <img src="/static/portal/img/floor-1-2.png" />
  1020.                             </div>
  1021.                             <div class="floor-conver-pit">
  1022.                                 <img src="/static/portal/img/floor-1-3.png" />
  1023.                             </div>
  1024.                         </div>
  1025.                         <div class="yui3-u row-218 split">
  1026.                             <img src="/static/portal/img/floor-1-4.png" />
  1027.                         </div>
  1028.                         <div class="yui3-u row-220 split">
  1029.                             <span class="floor-x-line"></span>
  1030.                             <div class="floor-conver-pit">
  1031.                                 <img src="/static/portal/img/floor-1-5.png" />
  1032.                             </div>
  1033.                             <div class="floor-conver-pit">
  1034.                                 <img src="/static/portal/img/floor-1-6.png" />
  1035.                             </div>
  1036.                         </div>
  1037.                     </div>
  1038.                 </div>
  1039.                 <div id="tab2" class="tab-pane">
  1040.                     <p>第二个</p>
  1041.                 </div>
  1042.                 <div id="tab9" class="tab-pane">
  1043.                     <p>第三个</p>
  1044.                 </div>
  1045.                 <div id="tab10" class="tab-pane">
  1046.                     <p>第4个</p>
  1047.                 </div>
  1048.                 <div id="tab11" class="tab-pane">
  1049.                     <p>第5个</p>
  1050.                 </div>
  1051.                 <div id="tab12" class="tab-pane">
  1052.                     <p>第6个</p>
  1053.                 </div>
  1054.                 <div id="tab13" class="tab-pane">
  1055.                     <p>第7个</p>
  1056.                 </div>
  1057.                 <div id="tab14" class="tab-pane">
  1058.                     <p>第8个</p>
  1059.                 </div>
  1060.             </div>
  1061.         </div>
  1062.     </div>
  1063.     <!--商标-->
  1064.     <div class="brand">
  1065.         <div class="py-container">
  1066.             <ul class="Brand-list blockgary">
  1067.                 <li class="Brand-item">
  1068.                     <img src="/static/portal/img/brand_21.png" />
  1069.                 </li>
  1070.                 <li class="Brand-item"><img src="/static/portal/img/brand_03.png" /></li>
  1071.                 <li class="Brand-item"><img src="/static/portal/img/brand_05.png" /></li>
  1072.                 <li class="Brand-item"><img src="/static/portal/img/brand_07.png" /></li>
  1073.                 <li class="Brand-item"><img src="/static/portal/img/brand_09.png" /></li>
  1074.                 <li class="Brand-item"><img src="/static/portal/img/brand_11.png" /></li>
  1075.                 <li class="Brand-item"><img src="/static/portal/img/brand_13.png" /></li>
  1076.                 <li class="Brand-item"><img src="/static/portal/img/brand_15.png" /></li>
  1077.                 <li class="Brand-item"><img src="/static/portal/img/brand_17.png" /></li>
  1078.                 <li class="Brand-item"><img src="/static/portal/img/brand_19.png" /></li>
  1079.             </ul>
  1080.         </div>
  1081.     </div>
  1082.     <!-- 底部栏位 -->
  1083.     <!--页面底部-->
  1084. <div class="clearfix footer">
  1085.     <div class="py-container">
  1086.         <div class="footlink">
  1087.             <div class="Mod-service">
  1088.                 <ul class="Mod-Service-list">
  1089.                     <li class="grid-service-item intro  intro1">
  1091.                         <i class="serivce-item fl"></i>
  1092.                         <div class="service-text">
  1093.                             <h4>正品保障</h4>
  1094.                             <p>正品保障，提供发票</p>
  1095.                         </div>
  1097.                     </li>
  1098.                     <li class="grid-service-item  intro intro2">
  1100.                         <i class="serivce-item fl"></i>
  1101.                         <div class="service-text">
  1102.                             <h4>正品保障</h4>
  1103.                             <p>正品保障，提供发票</p>
  1104.                         </div>
  1106.                     </li>
  1107.                     <li class="grid-service-item intro  intro3">
  1109.                         <i class="serivce-item fl"></i>
  1110.                         <div class="service-text">
  1111.                             <h4>正品保障</h4>
  1112.                             <p>正品保障，提供发票</p>
  1113.                         </div>
  1115.                     </li>
  1116.                     <li class="grid-service-item  intro intro4">
  1118.                         <i class="serivce-item fl"></i>
  1119.                         <div class="service-text">
  1120.                             <h4>正品保障</h4>
  1121.                             <p>正品保障，提供发票</p>
  1122.                         </div>
  1124.                     </li>
  1125.                     <li class="grid-service-item intro intro5">
  1127.                         <i class="serivce-item fl"></i>
  1128.                         <div class="service-text">
  1129.                             <h4>正品保障</h4>
  1130.                             <p>正品保障，提供发票</p>
  1131.                         </div>
  1133.                     </li>
  1134.                 </ul>
  1135.             </div>
  1136.             <div class="clearfix Mod-list">
  1137.                 <div class="yui3-g">
  1138.                     <div class="yui3-u-1-6">
  1139.                         <h4>购物指南</h4>
  1140.                         <ul class="unstyled">
  1141.                             <li>购物流程</li>
  1142.                             <li>会员介绍</li>
  1143.                             <li>生活旅行/团购</li>
  1144.                             <li>常见问题</li>
  1145.                             <li>购物指南</li>
  1146.                         </ul>
  1148.                     </div>
  1149.                     <div class="yui3-u-1-6">
  1150.                         <h4>配送方式</h4>
  1151.                         <ul class="unstyled">
  1152.                             <li>上门自提</li>
  1153.                             <li>211限时达</li>
  1154.                             <li>配送服务查询</li>
  1155.                             <li>配送费收取标准</li>
  1156.                             <li>海外配送</li>
  1157.                         </ul>
  1158.                     </div>
  1159.                     <div class="yui3-u-1-6">
  1160.                         <h4>支付方式</h4>
  1161.                         <ul class="unstyled">
  1162.                             <li>货到付款</li>
  1163.                             <li>在线支付</li>
  1164.                             <li>分期付款</li>
  1165.                             <li>邮局汇款</li>
  1166.                             <li>公司转账</li>
  1167.                         </ul>
  1168.                     </div>
  1169.                     <div class="yui3-u-1-6">
  1170.                         <h4>售后服务</h4>
  1171.                         <ul class="unstyled">
  1172.                             <li>售后政策</li>
  1173.                             <li>价格保护</li>
  1174.                             <li>退款说明</li>
  1175.                             <li>返修/退换货</li>
  1176.                             <li>取消订单</li>
  1177.                         </ul>
  1178.                     </div>
  1179.                     <div class="yui3-u-1-6">
  1180.                         <h4>特色服务</h4>
  1181.                         <ul class="unstyled">
  1182.                             <li>夺宝岛</li>
  1183.                             <li>DIY装机</li>
  1184.                             <li>延保服务</li>
  1185.                             <li>泽易购E卡</li>
  1186.                             <li>泽易购通信</li>
  1187.                         </ul>
  1188.                     </div>
  1189.                     <div class="yui3-u-1-6">
  1190.                         <h4>帮助中心</h4>
  1191.                         <img src="/static/portal/img/wx_cz.jpg">
  1192.                     </div>
  1193.                 </div>
  1194.             </div>
  1195.             <div class="Mod-copyright">
  1196.                 <ul class="helpLink">
  1197.                     <li>关于我们<span class="space"></span></li>
  1198.                     <li>联系我们<span class="space"></span></li>
  1199.                     <li>关于我们<span class="space"></span></li>
  1200.                     <li>商家入驻<span class="space"></span></li>
  1201.                     <li>营销中心<span class="space"></span></li>
  1202.                     <li>友情链接<span class="space"></span></li>
  1203.                     <li>关于我们<span class="space"></span></li>
  1204.                     <li>营销中心<span class="space"></span></li>
  1205.                     <li>友情链接<span class="space"></span></li>
  1206.                     <li>关于我们</li>
  1207.                 </ul>
  1208.                 <p>地址：深圳市大冲国际</p>
  1209.                 <p>深ICP备08011423号深公网安备1111098079901</p>
  1210.             </div>
  1211.         </div>
  1212.     </div>
  1213. </div>
  1214. <!--页面底部END-->
  1215.     <!-- 楼层位置 -->
  1216.     <div id="floor-index" class="floor-index">
  1217.         <ul>
  1218.             <li>
  1219.                 <a class="num" href="/static/portal/javascript:;" style="display: none;">1F</a>
  1220.                 <a class="word" href="/static/portal/javascript;;" style="display: block;">家用电器</a>
  1221.             </li>
  1222.             <li>
  1223.                 <a class="num" href="/static/portal/javascript:;" style="display: none;">2F</a>
  1224.                 <a class="word" href="/static/portal/javascript;;" style="display: block;">手机通讯</a>
  1225.             </li>
  1226.             <li>
  1227.                 <a class="num" href="/static/portal/javascript:;" style="display: none;">3F</a>
  1228.                 <a class="word" href="/static/portal/javascript;;" style="display: block;">电脑办公</a>
  1229.             </li>
  1230.             <li>
  1231.                 <a class="num" href="/static/portal/javascript:;" style="display: none;">4F</a>
  1232.                 <a class="word" href="/static/portal/javascript;;" style="display: block;">家居家具</a>
  1233.             </li>
  1234.             <li>
  1235.                 <a class="num" href="/static/portal/javascript:;" style="display: none;">5F</a>
  1236.                 <a class="word" href="/static/portal/javascript;;" style="display: block;">运动户外</a>
  1237.             </li>
  1238.         </ul>
  1239.     </div>
  1240.     <!--侧栏面板开始-->
  1241. <div class="J-global-toolbar">
  1242.     <div class="toolbar-wrap J-wrap">
  1243.         <div class="toolbar">
  1244.             <div class="toolbar-panels J-panel">
  1246.                 <!-- 购物车 -->
  1247.                 <div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-cart toolbar-animate-out">
  1248.                     <h3 class="tbar-panel-header J-panel-header">
  1249.                         <a href="/static/portal/" class="title"><i></i><em class="title">购物车</em></a>
  1250.                         <span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('cart');" ></span>
  1251.                     </h3>
  1252.                     <div class="tbar-panel-main">
  1253.                         <div class="tbar-panel-content J-panel-content">
  1254.                             <div id="J-cart-tips" class="tbar-tipbox hide">
  1255.                                 <div class="tip-inner">
  1256.                                     <span class="tip-text">还没有登录，登录后商品将被保存</span>
  1257.                                     <a href="/static/portal/#none" class="tip-btn J-login">登录</a>
  1258.                                 </div>
  1259.                             </div>
  1260.                             <div id="J-cart-render">
  1261.                                 <!-- 列表 -->
  1262.                                 <div id="cart-list" class="tbar-cart-list">
  1263.                                 </div>
  1264.                             </div>
  1265.                         </div>
  1266.                     </div>
  1267.                     <!-- 小计 -->
  1268.                     <div id="cart-footer" class="tbar-panel-footer J-panel-footer">
  1269.                         <div class="tbar-checkout">
  1270.                             <div class="jtc-number"> <strong class="J-count" id="cart-number">0</strong>件商品 </div>
  1271.                             <div class="jtc-sum"> 共计：<strong class="J-total" id="cart-sum">¥0</strong> </div>
  1272.                             <a class="jtc-btn J-btn" href="/static/portal/#none" target="_blank">去购物车结算</a>
  1273.                         </div>
  1274.                     </div>
  1275.                 </div>
  1277.                 <!-- 我的关注 -->
  1278.                 <div style="visibility: hidden;" data-name="follow" class="J-content toolbar-panel tbar-panel-follow">
  1279.                     <h3 class="tbar-panel-header J-panel-header">
  1280.                         <a href="/static/portal/#" target="_blank" class="title"> <i></i> <em class="title">我的关注</em> </a>
  1281.                         <span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('follow');"></span>
  1282.                     </h3>
  1283.                     <div class="tbar-panel-main">
  1284.                         <div class="tbar-panel-content J-panel-content">
  1285.                             <div class="tbar-tipbox2">
  1286.                                 <div class="tip-inner"> <i class="i-loading"></i> </div>
  1287.                             </div>
  1288.                         </div>
  1289.                     </div>
  1290.                     <div class="tbar-panel-footer J-panel-footer"></div>
  1291.                 </div>
  1293.                 <!-- 我的足迹 -->
  1294.                 <div style="visibility: hidden;" class="J-content toolbar-panel tbar-panel-history toolbar-animate-in">
  1295.                     <h3 class="tbar-panel-header J-panel-header">
  1296.                         <a href="/static/portal/#" target="_blank" class="title"> <i></i> <em class="title">我的足迹</em> </a>
  1297.                         <span class="close-panel J-close" onclick="cartPanelView.tbar_panel_close('history');"></span>
  1298.                     </h3>
  1299.                     <div class="tbar-panel-main">
  1300.                         <div class="tbar-panel-content J-panel-content">
  1301.                             <div class="jt-history-wrap">
  1302.                                 <ul>
  1303.                                     <!--<li class="jth-item">
  1304.                                         <a href="/static/portal/#" class="img-wrap"> <img src="/static/portal/.portal/img/like_03.png" height="100" width="100" /> </a>
  1305.                                         <a class="add-cart-button" href="/static/portal/#" target="_blank">加入购物车</a>
  1306.                                         <a href="/static/portal/#" target="_blank" class="price">￥498.00</a>
  1307.                                     </li>
  1308.                                     <li class="jth-item">
  1309.                                         <a href="/static/portal/#" class="img-wrap"> <img src="/static/portal/portal/img/like_02.png" height="100" width="100" /></a>
  1310.                                         <a class="add-cart-button" href="/static/portal/#" target="_blank">加入购物车</a>
  1311.                                         <a href="/static/portal/#" target="_blank" class="price">￥498.00</a>
  1312.                                     </li>-->
  1313.                                 </ul>
  1314.                                 <a href="/static/portal/#" class="history-bottom-more" target="_blank">查看更多足迹商品 &gt;&gt;</a>
  1315.                             </div>
  1316.                         </div>
  1317.                     </div>
  1318.                     <div class="tbar-panel-footer J-panel-footer"></div>
  1319.                 </div>
  1321.             </div>
  1323.             <div class="toolbar-header"></div>
  1325.             <!-- 侧栏按钮 -->
  1326.             <div class="toolbar-tabs J-tab">
  1327.                 <div onclick="cartPanelView.tabItemClick('cart')" class="toolbar-tab tbar-tab-cart" data="购物车" tag="cart" >
  1328.                     <i class="tab-ico"></i>
  1329.                     <em class="tab-text"></em>
  1330.                     <span class="tab-sub J-count " id="tab-sub-cart-count">0</span>
  1331.                 </div>
  1332.                 <div onclick="cartPanelView.tabItemClick('follow')" class="toolbar-tab tbar-tab-follow" data="我的关注" tag="follow" >
  1333.                     <i class="tab-ico"></i>
  1334.                     <em class="tab-text"></em>
  1335.                     <span class="tab-sub J-count hide">0</span>
  1336.                 </div>
  1337.                 <div onclick="cartPanelView.tabItemClick('history')" class="toolbar-tab tbar-tab-history" data="我的足迹" tag="history" >
  1338.                     <i class="tab-ico"></i>
  1339.                     <em class="tab-text"></em>
  1340.                     <span class="tab-sub J-count hide">0</span>
  1341.                 </div>
  1342.             </div>
  1344.             <div class="toolbar-footer">
  1345.                 <div class="toolbar-tab tbar-tab-top" > <a href="/static/portal/#"> <i class="tab-ico  "></i> <em class="footer-tab-text">顶部</em> </a> </div>
  1346.                 <div class="toolbar-tab tbar-tab-feedback" > <a href="/static/portal/#" target="_blank"> <i class="tab-ico"></i> <em class="footer-tab-text ">反馈</em> </a> </div>
  1347.             </div>
  1349.             <div class="toolbar-mini"></div>
  1351.         </div>
  1353.         <div id="J-toolbar-load-hook"></div>
  1355.     </div>
  1356. </div>
  1357. <!--购物车单元格 模板-->
  1358. <script type="text/template" id="tbar-cart-item-template">
  1359.     <div class="tbar-cart-item" >
  1360.         <div class="jtc-item-promo">
  1361.             <em class="promo-tag promo-mz">满赠<i class="arrow"></i></em>
  1362.             <div class="promo-text">已购满600元，您可领赠品</div>
  1363.         </div>
  1364.         <div class="jtc-item-goods">
  1365.             <span class="p-img"><a href="/static/portal/#" target="_blank"><img src="/static/portal/{2}" alt="{1}" height="50" width="50" /></a></span>
  1366.             <div class="p-name">
  1367.                 <a href="/static/portal/#">{1}</a>
  1368.             </div>
  1369.             <div class="p-price"><strong>¥{3}</strong>×{4} </div>
  1370.             <a href="/static/portal/#none" class="p-del J-del">删除</a>
  1371.         </div>
  1372.     </div>
  1373. </script>
  1374. <!--侧栏面板结束-->
  1375. <script type="text/javascript" src="/static/portal/js/plugins/jquery/jquery.min.js"></script>
  1376. <script type="text/javascript">
  1377. $(function(){
  1378.     $("#service").hover(function(){
  1379.         $(".service").show();
  1380.     },function(){
  1381.         $(".service").hide();
  1382.     });
  1383.     $("#shopcar").hover(function(){
  1384.         $("#shopcarlist").show();
  1385.     },function(){
  1386.         $("#shopcarlist").hide();
  1387.     });
  1389. })
  1390. </script>
  1391. <script type="text/javascript" src="/static/portal/js/model/cartModel.js"></script>
  1392. <script type="text/javascript" src="/static/portal/js/czFunction.js"></script>
  1393. <script type="text/javascript" src="/static/portal/js/plugins/jquery.easing/jquery.easing.min.js"></script>
  1394. <script type="text/javascript" src="/static/portal/js/plugins/sui/sui.min.js"></script>
  1395. <script type="text/javascript" src="/static/portal/js/pages/index.js"></script>
  1396. <script type="text/javascript" src="/static/portal/js/widget/cartPanelView.js"></script>
  1397. <script type="text/javascript" src="/static/portal/js/widget/jquery.autocomplete.js"></script>
  1398. <script type="text/javascript" src="/static/portal/js/widget/nav.js"></script>
  1399. </body>
  1402. </html>

注意： 要将原来的src及相关href路径 径前添加: /static/portal/

2.2.5 添加启动类：

@SpringBootApplication
public class PortalWebApplication {
    public static void main(String[] args) {
        SpringApplication.run(PortalWebApplication.class);
    }
}

2.2.6 运行效果：

image.png

2.3 hosts文件域映射参考：

image.png