Administrator 4 vuotta sitten
vanhempi
commit
fe14a36ced

+ 13 - 0
src/main/resources/static/css/product/instruement.css

@@ -0,0 +1,13 @@
+#container{
+width: 1184px;
+margin: auto;
+}
+.instrue-left{
+  width: 884px;
+    float: left;
+    margin-right: 16px;
+}
+.instrue-right{
+float: right;
+width: 284px;
+}

+ 15 - 0
src/main/resources/static/js/product/instruement.js

@@ -0,0 +1,15 @@
+ var instrueMent = new Vue({
+    el:'#instrueMent',
+    data:{
+        categorylist:[
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            {name:'中胚层产品'},
+            ]
+    }
+ })

+ 17 - 0
src/main/resources/templates/product/instruelist.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="https://www.thymeleaf.org ">
+<head>
+    <title>采美365网-仪器</title>
+    <template th:replace="components/head-link"></template>
+    <link th:href="@{/css/equipment/list.css(v=${version})}" rel="stylesheet" type="text/css">
+</head>
+<body>
+    <!-- 引用头部 -->
+    <template th:replace="components/header"></template>
+
+    <!-- 引入底部 -->
+<template th:replace="components/footer"></template>
+<template th:replace="components/foot-link"></template>
+</body>
+

+ 14 - 1
src/main/resources/templates/product/instrument.html

@@ -4,13 +4,26 @@
 <head>
     <title>采美365网-仪器</title>
     <template th:replace="components/head-link"></template>
-    <link th:href="@{/css/equipment/list.css(v=${version})}" rel="stylesheet" type="text/css">
+    <link th:href="@{/css/product/instruement.css(v=${version})}" rel="stylesheet" type="text/css">
 </head>
 <body>
     <!-- 引用头部 -->
     <template th:replace="components/header"></template>
+    <div id="container">
+        <div id="instrueMent">
+            <div class="instrue-left">
+                <div class="top-category">
+                    <ul class="normal-nav clearfix">
+                        <li v-for="(item,index)in categorylist">{{item.name}}</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="instrue-right"></div>
+        </div>
+    </div>
 
     <!-- 引入底部 -->
 <template th:replace="components/footer"></template>
 <template th:replace="components/foot-link"></template>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/product/instruement.js(v=${version})}"></script>
 </body>