diff --git a/app/index/view/product/search.html b/app/index/view/product/search.html new file mode 100644 index 00000000..f43b8b07 --- /dev/null +++ b/app/index/view/product/search.html @@ -0,0 +1,26 @@ +{extend name="public/base" /} +{block name="style"} + +{block name="main"} + +
+ +
+ + +
+ + +
+{/block} \ No newline at end of file diff --git a/app/index/view/public/header.html b/app/index/view/public/header.html index 98074eac..8efd8500 100644 --- a/app/index/view/public/header.html +++ b/app/index/view/public/header.html @@ -86,8 +86,11 @@ + + Store +
@@ -106,6 +109,7 @@
{$vo.name}
+
{$vo.name}
{/volist}
diff --git a/public/static/.gitignore b/public/static/.gitignore index c96a04f0..244030af 100755 --- a/public/static/.gitignore +++ b/public/static/.gitignore @@ -1,2 +1,2 @@ -* + !.gitignore \ No newline at end of file diff --git a/public/static/index/css/orico_header.css b/public/static/index/css/orico_header.css index ef796aa8..3b8c82f0 100755 --- a/public/static/index/css/orico_header.css +++ b/public/static/index/css/orico_header.css @@ -332,6 +332,9 @@ flex-direction: column; justify-content: center; width: 30%; + align-items: center; + overflow: hidden; + } .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .popimg, .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .popimg { @@ -344,7 +347,20 @@ font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; - overflow: hidden; text-overflow: ellipsis; font-size: 0.8rem; + margin-top: 10%; } +.header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName + { + width: 100px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .produc-dec{ + font-size: 10px; + color: #000000; + margin-top: 1%; + } diff --git a/public/static/index/css/product_search.css b/public/static/index/css/product_search.css new file mode 100644 index 00000000..983f5f16 --- /dev/null +++ b/public/static/index/css/product_search.css @@ -0,0 +1,94 @@ +.orico_Page_search { + width: 100%; + position: relative; + height: 100vh; + overflow-y: auto; + overflow-x: hidden; + background: #f1f1f1; +} +.orico_Page_search .searchMain { + display: flex; + flex-direction: column; + justify-content: center; + background: #fff; + width: 60%; + margin: 0 auto; + margin-top: 60px; + margin-bottom: 20px; + overflow: hidden; + padding: 0 3.75rem; + padding-top: 2%; + padding-bottom: 60px; +} +.orico_Page_search .searchMain .search-ipt { + display: flex; + flex-direction: row; + background-color: #f1f1f1; + border: 1px solid #e3e8ec; + align-items: center; +} +.orico_Page_search .searchMain .search-ipt .ssipt { + width: 94%; + border: none; + background-color: #f1f1f1; + height: 52px; + line-height: 52px; + padding-left: 3%; + padding-right: 3%; + font-size: 1.1rem; +} +.orico_Page_search .searchMain .search-ipt .ssico { + width: 35px; + height: 35px; + margin-right: 2%; + cursor: pointer; +} +.orico_Page_search .searchMain .seul { + display: flex; + flex-direction: column; + padding-top: 2%; + padding-bottom: 60px; +} +.orico_Page_search .searchMain .seul .seitme { + cursor: pointer; + padding: 16px 0 10px 0; + border-bottom: 1px solid #f3f3f3; + display: flex; + flex-direction: row; +} +.orico_Page_search .searchMain .seul .seitme .search-pr-img { + float: left; + padding: 9px 10px; + border: 1px solid #e7e7e7; + overflow: hidden; + width: 140px; +} +.orico_Page_search .searchMain .seul .seitme .prInfp { + display: flex; + flex-direction: column; + max-width: 70%; + margin: 11px 10px 0; +} +.orico_Page_search .searchMain .seul .seitme .prInfp .txt1 { + font-size: 1.125rem; + color: #333; +} +.orico_Page_search .searchMain .seul .seitme .prInfp .txt2 { + font-size: 0.875rem; + color: #737373; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 1.25rem; +} +.orico_Page_search .searchMain .seul .seitme .prInfp .txt3 { + font-size: 0.875rem; + color: #737373; +} +.orico_Page_search .searchMain .seul .seitme .prInfp .redpoint { + font-weight: bold; + color: rgb(255, 0, 0); +} +.orico_Page_search .searchMain ::placeholder { + color: #737373; +} diff --git a/public/static/index/css/public.css b/public/static/index/css/public.css index 5afbd503..cb8ec09a 100755 --- a/public/static/index/css/public.css +++ b/public/static/index/css/public.css @@ -39,7 +39,6 @@ transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } - body { font-size: 1.2em; font-weight: 400; @@ -150,4 +149,10 @@ a { /* 滚动条的上下箭头:向下箭头 */ *::-moz-scrollbar-button:vertical:increment { display: none; +} +div{ + display: block; +} +#header{ + height: 60px; } \ No newline at end of file diff --git a/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg b/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg new file mode 100644 index 00000000..35f86a72 Binary files /dev/null and b/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg differ diff --git a/public/static/index/images/ssico.png b/public/static/index/images/ssico.png new file mode 100644 index 00000000..9ff998cd Binary files /dev/null and b/public/static/index/images/ssico.png differ