過首頁、商品列表頁等可以進入商品的詳情頁。在GoodsController.class.php控制器類文件中新增detail()方法,實現代碼如下:
在View/Goods模版目錄下新增detail.html文件,HTML結構代碼如下:
底部購買和加入購物車按鈕樣式定義代碼如下:
.goods_buy_bar {
width: 16rem;
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
height: 2rem;
padding: 0 0.75rem;
border-top: 1px solid #ccc;
background: #fff;
}
.goods_buy_btn {
display: block;
border: 1px solid red;
line-height: 1.7rem;
height: 1.7rem;
text-align: center;
font-size: 0.7rem;
border-radius: 0.2rem;
margin-top: 0.05rem;
float: left;
}
.buy_now {
background: #fff;
width: 10rem;
}
.buy_car {
width: 4rem;
margin-left: 0.3rem;
color: white;
background: red;
}
body {
background: #eee;
}
商品詳情樣式定義代碼如下:
.goods_detail {
width: 16rem;
}
.goods_detail .goods_img img {
width: 16rem;
height: 12rem;
}
.goods_detail .goods_price {
border-bottom: 1px solid #eee;
line-height: 1.5rem;
padding: 0.5rem;
color: #999;
font-size: 0.8rem;
background: #fff;
}
.goods_detail .goods_price span {
color: red;
font-size: 1rem;
}
.goods_title {
padding: 0.5rem;
display: block;
font-size: 0.8rem;
color: #000;
font-weight: blod;
background: #fff;
}
.goods_info {
padding: 0.5rem;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
background: #fff;
color: #999;
font-size: 0.7rem;
}
.goods_content {
width: 16rem;
margin-top: 0.2rem;
background: #fff;
font-size: 0.7rem;
}
除了商品基本信息的展示,頁面底部還提供了“立即購買”和“購物車”按鈕。用戶點擊“立即購買”按鈕可以把當前的商品加入購物車,而點擊“購物車”按鈕則會進入購物車商品管理界面。商品詳情頁完成效果如圖所示。
為全球地產、工程、建材、家具家居、設備、設計全產業鏈O2O產業互聯網平臺,BuildMost邀請全球買家入駐,共享全球產品設備、設計服務資源。
這是一份BuildMost中文站手機網頁版的買家發布產品需求、查看報價操作指南,歡迎查閱。
平臺網址:
https://www.buildmost.cn
買家可以在BuildMost中文站發布公開產品需求(公布在需求大廳,接受平臺所有產品供應商提交產品報價),也可以主動搜尋到心儀供應商或心儀產品后,在供應商主頁或產品詳情頁發起定向產品需求(針對特定產品供應商發起詢價)。
① 公開產品需求
第 1 步
點擊首頁上方“發布需求”按鈕,選擇“發布產品需求”。
第 2 步
根據頁面提示,選擇或輸入貿易類型、購買用途、報價次數、需求名稱等信息,并添加需求產品、附件,最后點擊“發布”。
提示:表單中,標*的為必填項。
提示:您可以在“需求產品”處點擊“添加一個分類”,向多種產品詢價;表單中,標*的為必填項。
② 定向產品需求
第 1 步
點擊首頁上方“產品及產品供應商”按鈕或底部“產品”按鈕,選擇產品類目。
第 2 步
點擊頂部“供應商”或“產品”按鈕,可切換查看,選擇心儀產品供應商或產品。
利用篩選搜索功能,可以更快找到心儀產品供應商或產品。
您也可以在首頁查看平臺推薦產品,或使用主頁搜索功能,更快找到心儀供應商或產品。
第 3 步
選擇心儀產品供應商,點擊進入主頁,可通過右上角小飛機按鈕定向詢價。
或選擇心儀產品,查看產品詳情后,通過底部“定向詢價”按鈕發起詢盤。
第 4 步
根據頁面提示完善您的產品需求,最后點擊“發布”。
提示:表單中,標*的為必填項。
方法一:
第 1 步
登錄賬戶,點擊右下角“我的BM”,再點擊“新報價”。
第 2 步
點擊報價的產品供應商名稱,可以查看聯系方式;繼續點擊產品清單的產品,可以查看報價。
您也可以在新報價列表直接點擊對話圖標,通過即時留言系統聯系供應商。
方法二:
第 1 步
登錄賬戶,點擊右下角“我的BM”,再點擊“產品需求”。
第 2 步
在需求列表中找到想要查看的產品需求,點擊查看報價詳情。
提示:您可以通過右上角“篩選”功能精準定位產品需求。
第 3 步
在報價清單中,您可以點擊查看報價供應商的聯系方式和報價詳情,或直接發起對話。
方法三:
第 1 步
點擊首頁頂部“產品及產品供應商”或底部“產品”按鈕,選擇產品類目。
第 2 步
找到心儀產品供應商,點擊進入主頁,從簡介中申請查看聯系方式。
第 3 步
填寫合作申請并提交,供應商將收到系統消息。若對方同意,您可以獲取供應商聯系方式。
立和使用列表
<dl></dl>列表標簽定義列表;
<dt>定義列表標題;
<dd>定義列表內容;
說明:
1. dt和dd對應著的, 一個dt可以對應著多個dd;
2. dd完全是為了dt服務的, 對標題進行描述;
實例:
<dl>
<dt>標題1</dt><dd>內容11</dd><dd>內容12</dd>
<dt>標題2</dt><dd>內容21</dd><dd>內容22</dd>
</dl>
<ol></ol> 列表標簽定義一個標有數字的列表;
<ol type="value"></ol>
1 默認值。數字有序列表。(1、2、3、4)
a 按字母順序排列的有序列表,小寫。(a、b、c、d)
A 按字母順序排列的有序列表,大寫。(A、B、C、D)
i 羅馬字母,小寫。(i, ii, iii, iv)
I 羅馬字母,大寫。(I, II, III, IV)
<ol>
<li>聯系人:</li>xxx
<li>聯系地址:</li>北京市豐臺區
<li>郵政編碼:</li>100036
</ol>
<ul></ul> 列表標簽定義一個標有圓點的列表;
<ul type="value"></ul>
disc 默認值,實心圓。
circle 空心圓。
square 實心方塊。
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<dir></dir>標簽定義目錄列表。
<dir>
<li>HTML</li>
<li>XHTML</li>
<li>CSS</li>
</dir>
<menu></menu>標簽可定義一個菜單列表。
<menu>
<li>html</li>
<li>xhtml</li>
</menu>
在實際工作中, 它的用途較少, 大部分我們還是用ul;
另外還可以使用:
<div align=""></div>分區標簽,用來排版大塊HTML段落,也用于格式化表
*請認真填寫需求信息,我們會在24小時內與您取得聯系。