diff --git a/application.html b/application.html
index 13b531d..c4ecf9c 100644
--- a/application.html
+++ b/application.html
@@ -385,8 +385,74 @@ <h4 class="lasthead">微信公众号</h4>
     <script src="static/js/jquery.nice-select.min.js"></script>
     <!--====== Wow ======-->
     <script src="static/js/wow.min.js"></script>
+    <!-- ====== 模版引擎 ====== -->
+    <script src="vendors/art-template/template-web.js"></script>
     <!--====== Main JS ======-->
     <script src="static/js/main.js"></script>
+    <script src="config/URL.js"></script>
+    <script src="utils/_Get.js"></script>
+    <script src="utils/_Post.js"></script>
+    <script src="utils/renderTpl.js"></script>
+    <script src="utils/splitMaxLenth.js"></script>
+    <script src="services/downloadV3Plugin.js"></script>
+    <script src="services/getPackagesSearchForV3.js"></script>
+
+    <!-- 注入总数模版 -->
+    <script type="text/template" id="totalTpl">
+      <i class="fas fa-list"></i> 找到 {{total}} 条结果
+    </script>
+
+    <!-- 注入搜索模板 -->
+    <script type="text/template" id="searchTpl">
+      {{each data}}
+      <div class="col-xl-6 wow fadeInUp" data-wow-delay="{{$value.delayTime}}s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
+        <div class="themes-box" style="overflow: hidden;">
+          {{if $value.package_type === 'v2' }}
+          <div class="ribbon" data-spm-anchor-id="5176.28448578.0.i154.758e60cczu7hm5">仅维护</div>
+          {{ /if }}
+            <div class="main-content">
+                <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_type}}" class="text-flow-ellipsis-single">{{$imports.splitMaxLenth($value.name, 27)}}</a> <i class="fas fa-fire" style="float: right; color: orange;"> {{$value.download}} </i></h5>
+                <div class="last-part">
+                    <div class="right" style="width: 100%">
+                        <p class="text" style="width: 100%">
+                          {{if $value.published_at }}
+                          <i class="fas fa-calendar"></i> {{$value.published_at}}
+                          {{ /if }}
+
+                          {{if $value.published_at&&$value.version }}
+                          &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+                          {{ /if }}
+  
+                          {{if $value.version }}
+                          <i class="fas fa-desktop"></i> V{{$value.version}}
+                          {{ /if }}
+                        </p>
+                        <p class="text-flow-ellipsis-multiple" style="height: 70px">
+                          {{$value.description}}
+                        </p>
+                    </div>
+                </div>
+                    <div class="past-part" style="margin-top: 10px">
+                    <center>
+                        <div class="buton">
+                            <a href="details.html?name={{$value.name}}&package_type={{$value.package_type}}" class="preButton"> <i class="fas fa-book"></i> 查看详情 </a>
+                            {{if $value.zipball_url }}
+                            <a href="{{$value.zipball_url}}" target="_blank" class="download"> <i class="fas fa-download"></i> 下载组件 </a>
+                            {{else}} 
+                            <a onclick="downloadPlugin( '{{$value.name}}' )" class="download"> <i class="fas fa-download"></i> 下载组件 </a>
+                            {{ /if }}
+                        </div>
+                        </center>
+                    </div>
+    
+                </div>
+            </div>
+        </div>
+        {{/each}}
+    </script>
+    
+
+
     <script>
       function getQueryVariable(variable) {
         var query = window.location.search.substring(1);
@@ -428,179 +494,288 @@ <h4 class="lasthead">微信公众号</h4>
         }
       }
 
-      function getBaseList(name, detail) {
-        const xmlhttp = window.XMLHttpRequest
-          ? new XMLHttpRequest()
-          : new ActiveXObject("Microsoft.XMLHTTP");
-        xmlhttp.open("GET", detail["url"], false);
-        xmlhttp.onreadystatechange = function () {
-          if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
-            let tempData = JSON.parse(xmlhttp.responseText);
-            const newData = {};
-            if (name == "provider") {
-              const tempKeys = Object.keys(tempData);
-              for (let i = 0; i < tempKeys.length; i++) {
-                newData[tempData[tempKeys[i]]] = tempData[tempKeys[i]];
-              }
-              tempData = newData;
-            }
-            setBaseList(tempData, detail["id"], name);
+      function downloadPlugin(name) {
+        downloadV3Plugin(name)
+      }
+
+      function onClick(value, key, package_type, name) {
+        var obj = {};
+        if (key==='category') {
+          obj[key] = value
+          if (getQueryVariable("provider")) {
+            obj['provider'] = getQueryVariable("provider")
+          }
+          if (getQueryVariable("package_type")) {
+            obj['package_type'] = getQueryVariable("package_type")
+          }
+          if (name) {// 添加一个category_name字段
+            obj['category_name'] = name
+          }
+        }
+
+        if (key==='provider') {
+          obj[key] = value
+          if (getQueryVariable("category")) {
+            obj['category'] = getQueryVariable("category")
+          }
+          if (getQueryVariable("category_name")) {// 添加一个category_name字段
+            obj['category_name'] = getQueryVariable("category_name")
           }
-        };
-        xmlhttp.setRequestHeader("Content-type", "application/json");
-        xmlhttp.send();
+          if (package_type) {
+            obj['package_type'] = package_type
+          }
+        }
+     
+        window.location.href = objectSerialize(obj)
       }
 
+
       function setBaseList(listData, idName, name) {
         var attrString = "";
-        const keys = ["-1"].concat(Object.keys(listData));
-        for (let i = 0; i < keys.length; i++) {
-          const tempInsert = insertParam(name, keys[i]);
-          attrString =
-            attrString +
+        var keys = [{
+           id:'-1',
+           name: '全部',
+           package_type:''
+          ,
+        }, 
+        ...listData];
+        for (var i = 0; i < keys.length; i++) {
+          var item = keys[i];
+          // console.log(item.id, item.name, item.package_type);
+          attrString = attrString +
             `<li>
-                                            <a href="${
-                                              tempInsert.startsWith("?")
-                                                ? tempInsert
-                                                : "?" + tempInsert
-                                            }" class="link ${
-              keys[i] == decodeURI(getQueryVariable(name) || "-1")
-                ? "active"
-                : ""
-            }">
-                                                <span>${
-                                                  listData[keys[i]] || "全部"
-                                                }</span>
-                                            </a>
-                                      </li>`;
+              <a onclick="onClick('${item.id}', '${name}','${item.package_type}', '${item.name}')" class="link ${item.id == decodeURI(getQueryVariable(name) || "-1")? "active": ""}">
+              <span>${item.name || "全部"}</span>
+             </a>
+           </li>`
         }
+       
         document.getElementById(idName).innerHTML = attrString;
       }
 
-      function getBaseInfor() {
-        const attrList = {
-          category: {
-            url: "https://registry.devsapp.cn/common/category",
-            id: "categorylist",
-          },
-          provider: {
-            url: "https://registry.devsapp.cn/common/provider",
-            id: "providerlist",
-          },
-        };
-        for (let i = 0; i < Object.keys(attrList).length; i++) {
-          getBaseList(
-            Object.keys(attrList)[i],
-            attrList[Object.keys(attrList)[i]]
-          );
-        }
-      }
+       // 获取 分类 / 信息
+       // 1. 调用V2接口  获取V2分类
+       // 2. 调用V3接口  获取V3分类
+       function getCategory(){
+        var categoryList = []; // package_type
+        ;(function getCategoryV3() {
+          var base_url = BASE_V3_URL;
+          _GetJSON(base_url + '/common/categories', function (tempData) {
+            // 计算获取V3比V2多的分类item
+
+            var body = tempData.body
+            if (body && body.length > 0) {
+              // 找出不在categoryList中的body对象
+              var notInArray1 = body.filter(obj2 =>
+                !categoryList.find(obj1 => obj1.name === obj2.name)
+              )
+              .map(obj => {
+                 return {
+                  //  'package_type':'v3',
+                   'id': obj.id + '', // id属性转换为字符串
+                   'name': obj.name
+                 }
+               })
 
+              // categoryList.push({
+              //   'package_category_type':'v3',
+              //   'id': 2,
+              //   'name': 'Web 应用'
+              // })
+
+              // 合并两个数组
+              notInArray1.forEach(element => {
+                categoryList.push(element)
+              });
+            }
+          
+          });
+        })();
+        ;(function getCategoryV2() {
+          _GetJSON("https://registry.devsapp.cn/common/category", function (tempData) {
+            for (var key in tempData) {
+              var obj = {}
+              var value = tempData[key]
+              // obj["package_type"] = 'v2'
+              obj["id"] = key
+              obj['name'] = value
+              categoryList.push(obj)
+            }
+          });
+        })()
+        
+         // 渲染的方法: 渲染分类数据
+         setBaseList(categoryList, "categorylist", 'category');
+       }
+      // 获取 云厂商 / 信息
+      // 1. 调用V2接口  获取V2云厂商
+      // 2. 调用V3接口  获取V3云厂商
+      function getProvider(){
+        var providerList = []; // package_type
+        ;(function getProviderV2() {
+          _GetJSON("https://registry.devsapp.cn/common/provider", function (tempData) {
+            for (var key in tempData) {
+              var obj = {}
+              var value = tempData[key]
+              obj["package_type"] = 'v2'
+              obj["id"] = value; // 如果是云厂商, 使用名称字符串搜索
+              obj['name'] = value;
+              providerList.push(obj)
+            }
+          });
+        })();
+        ;(function getProviderV3() {
+          var base_url = BASE_V3_URL;
+          _GetJSON(base_url + '/common/providers', function (tempData) {
+            // 计算获取V3比V2多的云厂商item
+            // console.log('v3---tempData===')
+            var body = tempData.body
+            if (body && body.length > 0) {
+              // providerList.push({ 'package_type':'v3','_id': 8, 'name': '专有云'  ,'id': '专有云'   })
+              // providerList.push({ 'package_type':'v3','_id': 10,'name': '火山引擎', 'id': '火山引擎' })
+              // providerList.push({ 'package_type':'v3','_id': 11,'name': '天翼云'  ,'id': '天翼云'   })
+              // providerList.push({ 'package_type':'v3','_id': 12,'name': '移动云'  ,'id': '移动云'   })
+              // providerList.push({ 'package_type':'v3','_id': 13,'name': '联通云'  ,'id': '联通云'   })
+              // 找出不在providerList中的body对象
+              var notInArray1 = body.filter(obj2 =>
+                !providerList.find(obj1 => obj1.name === obj2.name)
+              ).map(obj => {
+                return {
+                  'package_type':'v3',
+                  'id': obj.name,
+                  '_id': obj.id,
+                  'name': obj.name
+                }
+              });
+
+              // 合并两个数组
+              notInArray1.forEach(element => {
+                providerList.push(element)
+              });
+            }
+
+          });
+        })();
+
+        setBaseList(providerList, 'providerlist', 'provider');
+      }
+     
       function getPackages() {
-        const selectData = document.getElementById("sortselect");
-        const index = selectData.selectedIndex;
-        console.log(document.getElementById("sortselect").selectedIndex);
-        const xmlhttp = window.XMLHttpRequest
-          ? new XMLHttpRequest()
-          : new ActiveXObject("Microsoft.XMLHTTP");
-        xmlhttp.open(
-          "POST",
-          "https://registry.devsapp.cn/package/search",
-          false
-        );
-        xmlhttp.onreadystatechange = function () {
-          if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
-            let itemString = "";
-            const result = JSON.parse(xmlhttp.responseText).Response;
-            const keys = Object.keys(result);
-            const times = [0.3, 0.2, 0.1];
-            for (let i = 0; i < keys.length; i++) {
-              itemString =
-                itemString +
-                `<div class="col-xl-6 wow fadeInUp" data-wow-delay="${
-                  times[Math.floor(Math.random() * times.length)]
-                }s">
-                        <div class="themes-box">
-                            <div class="main-content">
-                                <h5><a href="details.html?name=${
-                                  result[keys[i]].package
-                                }" class="text-flow-ellipsis-single">${
-                  result[keys[i]].package.length > 27
-                    ? result[keys[i]].package.slice(0, 27) + "..."
-                    : result[keys[i]].package
-                }</a> <i class="fas fa-fire" style="float: right; color: orange;"> ${
-                  result[keys[i]].download
-                } </i></h5>
-                                <div class="last-part">
-                                    <div class="right" style="width: 100%">
-                                        <p class="text" style="margin-bottom: 10px; width: 100%">
-                                            <i class="fas fa-calendar"></i> ${
-                                              result[
-                                                keys[i]
-                                              ].version.published_at.split(
-                                                "T"
-                                              )[0]
-                                            }&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
-                                            <i class="fas fa-desktop"></i> V${
-                                              result[keys[i]].version.tag_name
-                                            }
-
-                                             </p>
-                                        <p class="text-flow-ellipsis-multiple" style="height: 70px">
-                                            ${result[keys[i]].description}
-                                        </p>
-                                    </div>
-                                </div>
-                                    <div class="past-part" style="margin-top: 10px">
-                                    <center>
-                                        <div class="buton">
-                                            <a href="details.html?name=${
-                                              result[keys[i]].package
-                                            }" class="preButton"> <i class="fas fa-book"></i> 查看详情 </a>
-                                            <a href="${
-                                              result[keys[i]].version
-                                                .zipball_url
-                                            }" target="_blank" class="download"> <i class="fas fa-download"></i> 下载应用 </a>
-                                        </div>
-                                        </center>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>`;
+        var selectData = document.getElementById("sortselect");
+        var index = selectData.selectedIndex;
+        var sort = selectData.options[index].value;
+        // console.log(document.getElementById("sortselect").selectedIndex);
+        // 列表存储数据
+        var dataList = [];
+        var v3Total = 0;
+        var v2Total = 0;
+        // 左侧内容主体区域
+        // V3: 搜索/获取 Package 信息
+        ;(function getPackagesV3() {
+          var data = `type=${V3_SEARCH_TYPE['Project']}&sort=${sort}`;
+          if ((getQueryVariable("category") || "-1") !== "-1") {
+            // 如果是这个方法categrory传文字
+            data = insertParam("category", getQueryVariable("category_name"), data);
+          }
+          if (document.getElementById("searchdata").value) {
+            data = insertParam(
+              "search",
+              document.getElementById("searchdata").value,
+              data
+            );
+           }
+          if ((getQueryVariable("provider") || "-1") !== "-1") {
+            data = insertParam("provider", getQueryVariable("provider"), data);
+          }
+
+          getPackagesSearchForV3(data, function (result) {
+            var keys = Object.keys(result);
+            var times = [0.3, 0.2, 0.1];
+            for (var i = 0; i < keys.length; i++) {
+              var item = {};
+              item.delayTime = times[Math.floor(Math.random() * times.length)];
+              item.name = result[keys[i]].name;
+              item.download = result[keys[i]].download;
+              item.published_at = result[keys[i]].latest_create.split(" ")[0];
+              item.published_at_source = dateFunction(result[keys[i]].latest_create)
+              //   item.version = result[keys[i]].version.tag_name;
+              item.version = '';
+              item.description = result[keys[i]].description;
+              //   item.zipball_url = result[keys[i]].version.zipball_url;
+              item.zipball_url = ''
+              item.package_type = 'v3'; // v2 v3标识
+              dataList.push(item);
             }
-            document.getElementById("itemlist").innerHTML = itemString;
-            document.getElementById(
-              "showinfo"
-            ).innerHTML = `<i class="fas fa-list"></i> 找到 ${
-              Object.keys(result).length
-            } 条结果`;
+            v3Total = keys.length
+            return ;
+          })}
+        )();
+
+
+        // V2: 获取 Package 信息
+        ;(function getPackagesV2() {
+          var data = `type=Application&sort=${sort}`;
+          if ((getQueryVariable("category") || "-1") !== "-1") {
+            data = insertParam("category", getQueryVariable("category"), data);
           }
-        };
-        xmlhttp.setRequestHeader(
-          "Content-type",
-          "application/x-www-form-urlencoded"
-        );
-        let data = `type=Application&sort=${selectData.options[index].value}`;
-
-        if ((getQueryVariable("category") || "-1") !== "-1") {
-          data = insertParam("category", getQueryVariable("category"), data);
-        }
-        if (document.getElementById("searchdata").value) {
-          data = insertParam(
-            "keyword",
-            document.getElementById("searchdata").value,
-            data
-          );
-        }
-        if ((getQueryVariable("provider") || "-1") !== "-1") {
-          data = insertParam("provider", getQueryVariable("provider"), data);
+          if (document.getElementById("searchdata").value) {
+            data = insertParam(
+              "keyword",
+              document.getElementById("searchdata").value,
+              data
+            );
+           }
+          if ((getQueryVariable("provider") || "-1") !== "-1") {
+            data = insertParam("provider", getQueryVariable("provider"), data);
+          }
+          // 如果发现是type为v3接口新增类型,则不调用v2
+          if (getQueryVariable("package_type")==='v3') {
+            return ;
+          }
+          var base_url = BASE_V2_URL;
+          _Post(base_url + "/package/search", data, 
+          function (result) {
+            var keys = Object.keys(result);
+            var times = [0.3, 0.2, 0.1];
+            for (var i = 0; i < keys.length; i++) {
+              var item = {};
+              item.delayTime = times[Math.floor(Math.random() * times.length)];
+              item.name = result[keys[i]].package;
+              item.download = result[keys[i]].download;
+              item.published_at = result[keys[i]].version.published_at.split("T")[0]
+              item.published_at_source = dateFunction(result[keys[i]].version.published_at)
+              item.version = result[keys[i]].version.tag_name;
+              item.description = result[keys[i]].description;
+              item.zipball_url = result[keys[i]].version.zipball_url;
+              item.package_type = 'v2'; // v2 v3标识
+              dataList.push(item);
+            }
+            v2Total = keys.length
+          }
+         )
+        })()
+        if(dataList && dataList.length > 0){
+          if(sort === 'time'){
+            dataList = dataList.sort((a, b) => compareTimeStrings(b.published_at_source ,a.published_at_source));
+          }else if (sort === 'download') { // 根据download字段排序
+            dataList = dataList.sort((a, b) => b.download - a.download);
+          }
+          renderTpl('searchTpl', { data: dataList }, '#itemlist')
+        }else{
+          renderTpl('searchTpl', { data: [] }, '#itemlist')
         }
-        xmlhttp.send(data);
+
+        renderTpl('totalTpl', { total: v2Total + v3Total }, '#showinfo')
+
+      }
+
+      function main() {
+        getPackages();
+        getCategory();
+        getProvider();
       }
 
-      getPackages();
-      getBaseInfor();
+      main();
     </script>
     <script>
       //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面的，都不进行翻译。
diff --git a/component.html b/component.html
index 58f986d..da4ee12 100644
--- a/component.html
+++ b/component.html
@@ -417,7 +417,11 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
                     <div class="right" style="width: 100%">
                         <p class="text" style="width: 100%">
                             {{if $value.published_at }}
-                            <i class="fas fa-calendar"></i> {{$value.published_at}}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+                            <i class="fas fa-calendar"></i> {{$value.published_at}}
+                            {{ /if }}
+
+                            {{if $value.published_at&&$value.version }}
+                            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
                             {{ /if }}
     
                             {{if $value.version }}
@@ -493,25 +497,37 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         downloadV3Plugin(name)
       }
 
-      function onClick(value, key, package_type) {
-        var obj = {
-          package_type : package_type,
-        };
+      function onClick(value, key, package_type, name) {
+        var obj = {};
         if (key==='category') {
           obj[key] = value
           if (getQueryVariable("provider")) {
             obj['provider'] = getQueryVariable("provider")
           }
+          if (getQueryVariable("package_type")) {
+            obj['package_type'] = getQueryVariable("package_type")
+          }
+          if (name) {// 添加一个category_name字段
+            obj['category_name'] = name
+          }
         }
+
         if (key==='provider') {
           obj[key] = value
           if (getQueryVariable("category")) {
             obj['category'] = getQueryVariable("category")
           }
+          if (getQueryVariable("category_name")) {// 添加一个category_name字段
+            obj['category_name'] = getQueryVariable("category_name")
+          }
+          if (package_type) {
+            obj['package_type'] = package_type
+          }
         }
+     
         window.location.href = objectSerialize(obj)
       }
-
+      
       function setBaseList(listData, idName, name) {
         var attrString = "";
         var keys = [{
@@ -526,7 +542,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
           // console.log(item.id, item.name, item.package_type);
           attrString = attrString +
             `<li>
-              <a onclick="onClick('${item.id}', '${name}','${item.package_type}')" class="link ${item.id == decodeURI(getQueryVariable(name) || "-1")? "active": ""}">
+              <a onclick="onClick('${item.id}', '${name}','${item.package_type}', '${item.name}')" class="link ${item.id == decodeURI(getQueryVariable(name) || "-1")? "active": ""}">
               <span>${item.name || "全部"}</span>
              </a>
            </li>`
@@ -547,9 +563,10 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         // 左侧内容主体区域
         // V3: 搜索/获取 Package 信息
         ;(function getPackagesV3() {
-            var data = `type=Component&sort=${sort}`;
+            var data = `type=${V3_SEARCH_TYPE['Component']}&sort=${sort}`;
             if ((getQueryVariable("category") || "-1") !== "-1") {
-              data = insertParam("category", getQueryVariable("category"), data);
+              // 如果是这个方法categrory传文字
+              data = insertParam("category", getQueryVariable("category_name"), data);
             }
             if (document.getElementById("searchdata").value) {
               data = insertParam("search",document.getElementById("searchdata").value,data);
@@ -565,8 +582,8 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
               item.delayTime = times[Math.floor(Math.random() * times.length)];
               item.name = result[keys[i]].name;
               item.download = result[keys[i]].download;
-              //   item.published_at = result[keys[i]].version.published_at.split("T")[0]
-              item.published_at = ''
+              item.published_at = result[keys[i]].latest_create.split(" ")[0];
+              item.published_at_source = dateFunction(result[keys[i]].latest_create)
               //   item.version = result[keys[i]].version.tag_name;
               item.version = '';
               item.description = result[keys[i]].description;
@@ -577,8 +594,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
             }
             v3Total = keys.length
             return ;
-        })
-          }
+        })}
         )();
         // V2: 获取 Package 信息
         ;(function getPackagesV2() {
@@ -598,7 +614,10 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         if ((getQueryVariable("provider") || "-1") !== "-1") {
           data = insertParam("provider", getQueryVariable("provider"), data);
         }
-
+        // 如果发现是type为v3接口新增类型,则不调用v2
+        if (getQueryVariable("package_type")==='v3') {
+          return ;
+        }
 
         var base_url = BASE_V2_URL
         _Post(base_url + "/package/search", data, 
@@ -611,6 +630,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
               item.name = result[keys[i]].package;
               item.download = result[keys[i]].download;
               item.published_at = result[keys[i]].version.published_at.split("T")[0]
+              item.published_at_source = dateFunction(result[keys[i]].version.published_at)
               item.version = result[keys[i]].version.tag_name;
               item.description = result[keys[i]].description;
               item.zipball_url = result[keys[i]].version.zipball_url;
@@ -624,7 +644,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
 
         if(dataList && dataList.length > 0){
           if(sort === 'time'){
-
+            dataList = dataList.sort((a, b) => compareTimeStrings(b.published_at_source ,a.published_at_source));
           }else if (sort === 'download') { // 根据download字段排序
             dataList = dataList.sort((a, b) => b.download - a.download);
           }
@@ -641,18 +661,6 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
        // 2. 调用V3接口  获取V3分类
        function getCategory(){
         var categoryList = []; // package_type
-        ;(function getCategoryV2() {
-          _GetJSON("https://registry.devsapp.cn/common/category", function (tempData) {
-            for (var key in tempData) {
-              var obj = {}
-              var value = tempData[key]
-              obj["package_type"] = 'v2'
-              obj["id"] = key
-              obj['name'] = value
-              categoryList.push(obj)
-            }
-          });
-        })()
         ;(function getCategoryV3() {
           var base_url = BASE_V3_URL;
           _GetJSON(base_url + '/common/categories', function (tempData) {
@@ -666,14 +674,13 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
               )
               .map(obj => {
                  return {
-                   'package_type':'v3',
+                  //  'package_type':'v3',
                    'id': obj.id + '', // id属性转换为字符串
                    'name': obj.name
                  }
                })
 
               // categoryList.push({
-              //   'package_type':'v3',
               //   'id': 2,
               //   'name': 'Web 应用'
               // })
@@ -686,6 +693,20 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
           
           });
         })();
+        
+        ;(function getCategoryV2() {
+          _GetJSON("https://registry.devsapp.cn/common/category", function (tempData) {
+            for (var key in tempData) {
+              var obj = {}
+              var value = tempData[key]
+              // obj["package_type"] = 'v2'
+              obj["id"] = key
+              obj['name'] = value
+              categoryList.push(obj)
+            }
+          });
+        })()
+       
          // 渲染的方法: 渲染分类数据
          setBaseList(categoryList, "categorylist", 'category');
        }
@@ -707,7 +728,7 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
             }
           });
         })();
-        ;(function getCategoryV3() {
+        ;(function getProviderV3() {
           var base_url = BASE_V3_URL;
           _GetJSON(base_url + '/common/providers', function (tempData) {
             // 计算获取V3比V2多的云厂商item
diff --git a/config/URL.js b/config/URL.js
index 3566fed..c4e04e6 100644
--- a/config/URL.js
+++ b/config/URL.js
@@ -1,2 +1,6 @@
+// 正式线上
 var BASE_V2_URL = 'https://registry.devsapp.cn'
-var BASE_V3_URL = 'https://api.devsapp.cn/v3'
\ No newline at end of file
+// 正式线上
+var BASE_V3_URL = 'https://api.devsapp.cn/v3'
+// 预发
+// var BASE_V3_URL = 'https://pre-api.devsapp.cn/v3'
\ No newline at end of file
diff --git a/details.html b/details.html
index 80dbb2e..4426b89 100644
--- a/details.html
+++ b/details.html
@@ -262,7 +262,7 @@ <h2 class="breadd wow fadeInUp" id="title"></h2>
        
             <div class="right-box" id="provider"></div>
 
-            <div class="product-information wow fadeInUp">
+            <div class="product-information wow fadeInUp" id="latest_container">
               <div class="left-box">
                 <p class="text">更新时间:</p>
                 <p class="text">最新版本:</p>
@@ -275,7 +275,7 @@ <h2 class="breadd wow fadeInUp" id="title"></h2>
               </div>
               <div class="right-box" id="historyversion"></div>
             </div>
-            <div class="product-information wow fadeInUp">
+            <div class="product-information wow fadeInUp" id="tagslist_container">
               <div class="left-box">
                 <p class="text">标签</p>
               </div>
@@ -423,7 +423,18 @@ <h4 class="lasthead">微信公众号</h4>
 <script type="text/template" id="titleTpl" async>
   {{name}}
   <h4>
-    <i class="fas fa-calendar"></i> {{createTime}} / V{{version}}
+    {{if createTime }}
+    <i class="fas fa-calendar"></i> {{createTime}}
+    {{ /if }}
+
+    {{if createTime && version }}
+    / 
+    {{ /if }}
+    
+    {{if version }}
+      V{{version}}
+    {{ /if }}
+
     {{if package_type === 'v2' }}
     <a href="https://registry.devsapp.cn/simple/{{name}}/zipball/{{version}}" style="float: right;" class="download"><i class="fas fa-download">
       下载 </i> 
@@ -720,7 +731,20 @@ <h4 id="usename">
           console.log('tempData')
           console.log(tempData)
           if (typeof tempData === 'string') {
+            renderTpl('titleTpl', 
+            { 
+              name: 'aliyun_oss_bucket',
+              createTime: undefined,
+              version:  undefined,
+              package_type: 'v3'
+            }, 
+             '#title'
+          )
             document.getElementById("mddata").innerHTML = tempData;
+            $("#tagslist_container").hide()
+            $('[role="tablist"]').hide()
+            $('.box-one').hide()
+            $('#latest_container').hide()
             return
           }
           renderTpl('titleTpl', 
@@ -772,12 +796,17 @@ <h4 id="usename">
             '#rightupdatetime'
           )  
 
-          renderTpl('tagslistTpl', 
+          if(tempData.tags){
+            renderTpl('tagslistTpl', 
             { 
               data: tempData.tags,
             }, 
             '#tagslist'
-          )
+            )
+          }else{
+            $("#tagslist_container").hide()
+          }
+          
 
            renderTpl('providerTpl', // 与tagslistTpl 使用同一个模版
              { 
diff --git a/search.html b/search.html
index 17221a8..15425f7 100644
--- a/search.html
+++ b/search.html
@@ -480,6 +480,8 @@ <h5><a href="details.html?name={{$value.name}}&package_type={{$value.package_typ
         getPackagesV2();
 
         if(dataList && dataList.length > 0){
+          // @todo 增加去重，如果v2 v3存在相同name应用, 只展示v2应用
+          // 去重
           renderTpl('searchTpl', { data: dataList }, '#itemlist')
         }else{
           renderTpl('searchTpl', { data: [] }, '#itemlist')
diff --git a/services/downloadV3Plugin.js b/services/downloadV3Plugin.js
index 66c3513..6166579 100644
--- a/services/downloadV3Plugin.js
+++ b/services/downloadV3Plugin.js
@@ -6,7 +6,7 @@ function downloadV3Plugin(name) {
      var url = base_url + '/packages/'+name+'/release/latest'
      _Get(url, function (res) {
       if (res.body==="未找到指定资源") {
-        console.log('未找到指定资源')
+        alert('未找到指定资源')
         return;
       }
        var result = res.body||res.Response;
diff --git a/services/getPackagesSearchForV3.js b/services/getPackagesSearchForV3.js
index e24bf13..9437f4f 100644
--- a/services/getPackagesSearchForV3.js
+++ b/services/getPackagesSearchForV3.js
@@ -1,14 +1,21 @@
 // 调用V3版本 搜索接口
 function getPackagesSearchForV3(dataString, callback) {
     var base_url = BASE_V3_URL
+    var common_params = 'platform=3&page=-1'
     if (dataString) {
-        dataString = dataString + '&platform=3'
+        dataString = dataString + '&'+ common_params
     } else {
-        dataString = 'platform=3'
+        dataString = common_params;
     }
     var url = base_url + '/packages/releases?'+ dataString
     _Get(url, function (result) {
         callback && callback(result)
         return ;
     })
+}
+var V3_SEARCH_TYPE = {
+    Component:1,    // 组件
+    Plugin: 2,      // 插件
+    Project: 3,     // 应用
+    Application: 3, // 应用
 }
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
index 1591610..5ff5174 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -442,4 +442,25 @@ var objectSerialize = function (obj) {
 	  }
 	}
 	return `?${arrs.join('&')}`
-}
\ No newline at end of file
+}
+
+// 处理带T的时间格式
+function dateFunction(time) {
+	var zoneDate = new Date(time).toJSON();
+	var date = new Date(+new Date(zoneDate) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/,'');
+	return date;
+}
+
+// 时间字符串比较大小
+function compareTimeStrings(timeStr1, timeStr2) {
+	const timestamp1 = Date.parse(timeStr1);
+	const timestamp2 = Date.parse(timeStr2);
+
+	if (timestamp1 > timestamp2) {
+	  return 1;
+	} else if (timestamp1 < timestamp2) {
+	  return -1;
+	} else {
+	  return 0;
+	}
+  }
\ No newline at end of file