迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費且不限制商業(yè)使用,是免費開源的產(chǎn)品,以萬端互聯(lián)為設(shè)計理念,支持的微信公眾號、小程序、APP客戶端、移動端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
當首頁的banner圖手機和電腦端同時循環(huán)的時候用什么自定義格式調(diào)用呢?
網(wǎng)站信息功能,新建一個表格字段
回復(fù)@姜凱 那是單圖吧,同時循環(huán)呢
不就是變了圖片嗎,直接根據(jù)端判斷圖片就行了
如果電腦和手機尺寸不一樣的話,可以用下面的標簽:
縮略圖:{dr_thumb($t.thumb, 100, 100)} //前一個100寬度 后一個100高度
例如:
電腦 寬高1920 * 600 {dr_thumb($t.thumb, 1920, 600)}
手機 寬高680 *480 {dr_thumb($t.thumb, 680, 480)}
回復(fù)@志偉 如果一定要兩張圖同時循環(huán)呢
迅睿后臺, 設(shè)置 -- 網(wǎng)站信息 ----幻燈圖片 管理,上傳圖片,
調(diào)用代碼:
全局調(diào)用網(wǎng)站字段信息:
按需循環(huán)寫法1: <?php if (dr_site_value('hdtp')) { foreach (dr_site_value('hdtp') as $v) { ?> 圖片: {dr_get_file($v[1])} 名稱: {$v[2]} 跳轉(zhuǎn)地址: {$v[3]} <?php } } ?> =========================== 按需循環(huán)寫法2: {php $mval = dr_site_value('hdtp');} {loop $mval $v} 圖片: {dr_get_file($v[1])} 名稱: {$v[2]} 跳轉(zhuǎn)地址: {$v[3]} {/loop} =========================== 循環(huán)2次的寫法: {php $mval = $arr = array_slice(dr_site_value('hdtp'), 0, 2);} {loop $mval $v} 圖片: {dr_get_file($v[1])} 名稱: {$v[2]} 跳轉(zhuǎn)地址: {$v[3]} {/loop} =========================== 表格寫法-默認class寫法:{dr_get_ftable(52, dr_site_value('hdtp'))} --------- 自定義table的class寫法:{dr_get_ftable(52, dr_site_value('hdtp'), 'mytableclass')} --------- mytableclass就是給表格加class,解析為:table calss="mytableclass" ---------
手機版 重新添加一下 自定義字段
導(dǎo)入自定義字段代碼如下:
{"name":"手機端幻燈圖片","fieldname":"hdtp","fieldtype":"Ftable","isedit":"1","ismain":"1","issystem":"0","ismember":"1","issearch":"0","disabled":"0","setting":{"option":{"is_add":"1","is_first_hang":"0","count":"","first_cname":"","hang":{"1":{"name":""},"2":{"name":""},"3":{"name":""},"4":{"name":""},"5":{"name":""}},"field":{"1":{"type":"3","name":"圖片","width":"200","option":""},"2":{"type":"1","name":"名稱","width":"200","option":""},"3":{"type":"1","name":"跳轉(zhuǎn)地址","width":"","option":""},"4":{"type":"0","name":"","width":"","option":""},"5":{"type":"0","name":"","width":"","option":""},"6":{"type":"0","name":"","width":"","option":""},"7":{"type":"0","name":"","width":"","option":""},"8":{"type":"0","name":"","width":"","option":""},"9":{"type":"0","name":"","width":"","option":""},"10":{"type":"0","name":"","width":"","option":""}},"width":"","height":"","css":""},"validate":{"required":"0","pattern":"","errortips":"","xss":"1","check":"","filter":"","tips":"","formattr":""},"is_right":"0"},"displayorder":"0"}
即可。
回復(fù)@志偉 建議加兩個欄目 電腦輪播圖 和 手機輪播圖 然后里面發(fā)文章縮略圖用上面那個標簽就行。這樣比較靈活,加內(nèi)容都可以。
如果代碼是自適應(yīng),只需要CSS樣式自我調(diào)整都可以了,如果 電腦端的代碼與手機端的 代碼分別寫,那么建議你用兩套不同banner 圖。
網(wǎng)站后臺設(shè)置里面的新建字段 一個是pc段輪播圖一個手機端的
回復(fù)@夜雨微瀾
同時掉參考下面
建議加兩個欄目 電腦輪播圖 和 手機輪播圖 然后里面發(fā)文章縮略圖用上面那個標簽就行。
這樣比較靈活,可以一起掉,也可以分開給輪播圖添內(nèi)容。
@media screen and (max-width:768px) { .home_cover_pc { display:none!important } }
上面的少了一個}
加兩個欄目添加文章是行不通的,是手機和電腦兩個一起循環(huán)的。
.home_cover_mob{ display:none } @media screen and (max-width:768px) { .home_cover_pc { display:none!important } .home_cover_mob { display:block!important } }
既然非要寫一起循環(huán),css控制吧
{if \Phpcmf\Service::IS_PC_USER()} 是電腦端端的訪客 {/if} 4.3.15以上使用 {if \Phpcmf\Service::IS_MOBILE_USER()} 是移動端的訪客 {/if} 4.3.15以上使用 {if dr_is_weixin_app()} 來自微信app的公眾號里面 {/if}
還有這個方法
參考文檔:《判斷終端》
網(wǎng)站信息功能,新建一個表格字段
回復(fù)@姜凱 那是單圖吧,同時循環(huán)呢
不就是變了圖片嗎,直接根據(jù)端判斷圖片就行了
如果電腦和手機尺寸不一樣的話,可以用下面的標簽:
例如:
電腦 寬高1920 * 600 {dr_thumb($t.thumb, 1920, 600)}
手機 寬高680 *480 {dr_thumb($t.thumb, 680, 480)}
回復(fù)@志偉 如果一定要兩張圖同時循環(huán)呢
迅睿后臺, 設(shè)置 -- 網(wǎng)站信息 ----幻燈圖片 管理,上傳圖片,
調(diào)用代碼:
全局調(diào)用網(wǎng)站字段信息:
手機版 重新添加一下 自定義字段
導(dǎo)入自定義字段代碼如下:
{"name":"手機端幻燈圖片","fieldname":"hdtp","fieldtype":"Ftable","isedit":"1","ismain":"1","issystem":"0","ismember":"1","issearch":"0","disabled":"0","setting":{"option":{"is_add":"1","is_first_hang":"0","count":"","first_cname":"","hang":{"1":{"name":""},"2":{"name":""},"3":{"name":""},"4":{"name":""},"5":{"name":""}},"field":{"1":{"type":"3","name":"圖片","width":"200","option":""},"2":{"type":"1","name":"名稱","width":"200","option":""},"3":{"type":"1","name":"跳轉(zhuǎn)地址","width":"","option":""},"4":{"type":"0","name":"","width":"","option":""},"5":{"type":"0","name":"","width":"","option":""},"6":{"type":"0","name":"","width":"","option":""},"7":{"type":"0","name":"","width":"","option":""},"8":{"type":"0","name":"","width":"","option":""},"9":{"type":"0","name":"","width":"","option":""},"10":{"type":"0","name":"","width":"","option":""}},"width":"","height":"","css":""},"validate":{"required":"0","pattern":"","errortips":"","xss":"1","check":"","filter":"","tips":"","formattr":""},"is_right":"0"},"displayorder":"0"}
即可。
回復(fù)@志偉 建議加兩個欄目 電腦輪播圖 和 手機輪播圖 然后里面發(fā)文章縮略圖用上面那個標簽就行。這樣比較靈活,加內(nèi)容都可以。
如果代碼是自適應(yīng),只需要CSS樣式自我調(diào)整都可以了,如果 電腦端的代碼與手機端的 代碼分別寫,那么建議你用兩套不同banner 圖。
網(wǎng)站后臺設(shè)置里面的新建字段 一個是pc段輪播圖一個手機端的
回復(fù)@夜雨微瀾
同時掉參考下面
如果電腦和手機尺寸不一樣的話,可以用下面的標簽:
例如:
電腦 寬高1920 * 600 {dr_thumb($t.thumb, 1920, 600)}
手機 寬高680 *480 {dr_thumb($t.thumb, 680, 480)}
建議加兩個欄目 電腦輪播圖 和 手機輪播圖 然后里面發(fā)文章縮略圖用上面那個標簽就行。
這樣比較靈活,可以一起掉,也可以分開給輪播圖添內(nèi)容。
上面的少了一個}
加兩個欄目添加文章是行不通的,是手機和電腦兩個一起循環(huán)的。
回復(fù)@夜雨微瀾
既然非要寫一起循環(huán),css控制吧
還有這個方法
參考文檔:《判斷終端》