- 全局標(biāo)簽
- artlist 文章列表
- models 欄目列表
- modelsartlist 頻道循環(huán)
- type 指定欄目
- include 引用模板
- arcview 單條文檔
- position 面包屑
- assign 定義變量
- empty 為空判斷
- notempty 不為空判斷
- foreach 循環(huán)輸出
- volist 數(shù)據(jù)循環(huán)
- if 條件判斷
- switch 條件判斷
- compare 變量比較
- adv 廣告列表
- load 文件加載
- global 全局變量
- field 字段值
- tags 標(biāo)簽調(diào)用
- searchform 搜索標(biāo)簽
- 常用函數(shù)
- links 友情鏈接
- SQL 數(shù)據(jù)查詢
- weapp 應(yīng)用插件
- range 范圍判斷
- for 數(shù)據(jù)循環(huán)
- ad 單條廣告
- attribute 欄目屬性
- user 會(huì)員信息
- diyurl 內(nèi)鏈調(diào)用
- php標(biāo)簽
- hotkeywords 熱門(mén)搜索
- notice 站內(nèi)信
- asklist 問(wèn)答列表
- citysite 城市站點(diǎn)
- navigation 導(dǎo)航菜單
- static 文件引入
- 會(huì)員信息(memberlist)
- 會(huì)員注銷標(biāo)簽使用方法
- 列表標(biāo)簽
- 內(nèi)容標(biāo)簽
- arcclick 點(diǎn)擊數(shù)
- guestbookform 欄目留言
- beafter 上下篇
- downcount 下載次數(shù)
- relevarticle 相關(guān)文檔
- 擴(kuò)展標(biāo)簽
- videoplay 視頻播放
- videolist 視頻列表
- memberinfos 文檔關(guān)聯(lián)的會(huì)員信息
- attribute 商品參數(shù)
- specialnode 專題文檔
- collect 文檔收藏
- collectnum 收藏?cái)?shù)
- comment 商品評(píng)價(jià)
- articlepay 文章付費(fèi)
- downloadpay 下載付費(fèi)
- form 自由表單
- sppurchase 商品購(gòu)買
- 商品其它標(biāo)簽欄
- 可視化標(biāo)簽
- 多語(yǔ)言標(biāo)簽
articlepay 文章付費(fèi)
[基礎(chǔ)用法]
標(biāo)簽:articlepay
描述:文章模型實(shí)現(xiàn)文章付費(fèi)閱讀,會(huì)員專享,會(huì)員付費(fèi),在使用之前先在文章模型開(kāi)啟付費(fèi)閱讀
屬性:
aid='' 文檔id
aid='' 文檔id
id='' 可以任意指定循環(huán)里的變量名替代c_field,假設(shè)id='c_field',模板調(diào)用如:{$c_field.hidden} 變成 {$c_field.hidden}
使用方法:
付費(fèi)標(biāo)簽需要加載 /template/pc/system/article_pay.htm 模板文件
下載地址:點(diǎn)擊下載 ,響應(yīng)式模板該文件放在pc模板目錄system里,手機(jī)端會(huì)自動(dòng)識(shí)別共用,分離式模板pc模板目錄和mobile模板目錄的system里都需要放。
使用方法:
付費(fèi)標(biāo)簽需要加載 /template/pc/system/article_pay.htm 模板文件
下載地址:點(diǎn)擊下載 ,響應(yīng)式模板該文件放在pc模板目錄system里,手機(jī)端會(huì)自動(dòng)識(shí)別共用,分離式模板pc模板目錄和mobile模板目錄的system里都需要放。
用法:
把原來(lái)文章模型內(nèi)容頁(yè)的 {$eyou.field.content} 標(biāo)簽直接替換成以下代碼:{eyou:articlepay id='field'} <!-- 內(nèi)容顯示 --> <div {$field.contentId}> {$field.content} </div> <!-- 付費(fèi)文檔 --> {eyou:if condition='$eyou.field.restric_type == 1'} <div {$field.displayId}> <div class="content-hide-tips"> <div class="login-false">當(dāng)前隱藏內(nèi)容需要支付<div class="coin"><span class="label label-warning">¥{$eyou.field.users_price}</span></div></div> <p>已有<span class="red">{eyou:freebuynum /}</span>人支付</p> <div class="pc-button"> <a {$field.onclick} class="click-pay" >支付查看</a> </div> </div> </div> {eyou:elseif condition='$eyou.field.restric_type == 4' /} <div {$field.displayId}> <div class="content-hide-tips"> <div class="login-false">當(dāng)前隱藏內(nèi)容需要支付<div class="coin"><span class="label label-warning">{$eyou.field.users_score}{$usersConfig.score_name}</span></div></div> <p>已有<span class="red">{eyou:freebuynum /}</span>人支付</p> <div class="pc-button"><a {$field.onclick} class="click-pay" >支付查看</a></div> </div> </div> {eyou:else /} <!-- 會(huì)員限制 --> <div {$field.vipDisplayId}> <div class="content-hide-tips"> {eyou:eq name='$eyou.field.restric_type' value='2'}加入VIP 永久免費(fèi)瀏覽{/eyou:eq} <div class="login-false"> {eyou:if condition='$eyou.field.restric_type == 2'} {eyou:eq name='$eyou.field.no_vip_pay' value='1'} <p> 開(kāi)通【<font color="red">{$eyou.field.arc_level_id|getArcLevelName=###}</font>】免費(fèi)查看 <br/> <a {$field.onBuyVipClick} style="color: #ff9600;">立即開(kāi)通</a> <br/> 該內(nèi)容支持單獨(dú)購(gòu)買 ¥{$eyou.field.users_price} <br/> 已有<span class="red">{eyou:freebuynum /}</span>人支付 <br/> <a {$field.onclick} class="click-pay">立即購(gòu)買</a> </p> {eyou:else /} <p>開(kāi)通【<font color="red">{$eyou.field.arc_level_id|getArcLevelName=###}</font>】免費(fèi)查看</p> <div class="pc-button"> <a {$field.onBuyVipClick} class="click-pay" >購(gòu)買會(huì)員</a> </div> {/eyou:eq} {eyou:elseif condition='$eyou.field.restric_type == 3' /} <p>當(dāng)前隱藏內(nèi)容需開(kāi)通【<font color="red">{$eyou.field.arc_level_id|getArcLevelName=###}</font>】,并支付¥{$eyou.field.users_price}才能查看</p> <div class="pc-button"> <a {$field.onBuyVipClick} class="click-pay" >購(gòu)買會(huì)員</a> </div> {/eyou:if} </div> </div> </div> {/eyou:if} {$field.hidden} {/eyou:articlepay}
配合樣式表使用,可實(shí)現(xiàn)下面付費(fèi)效果
<style> .content-hide-tips { padding: 40px 20px 20px; border: 1px dashed #ccc; margin: 20px 0 40px; background-color: #f6f6f6; border-radius: 4px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .content-hide-tips .login-false { display: flex; flex-direction: column; font-size: 16px; } .content-hide-tips .coin { display: flex; text-align: center; margin-top: 10px; margin-bottom: 10px; margin: 10px auto; } .content-hide-tips .coin span { padding: 4px 18px; background-color: #ffffff; color: #f0ad4e; line-height: 1; border-radius: 20px; font-size: 13px; border: 1px solid #f0ad4e; } .content-hide-tips .t-c { text-align: center; font-size: 13px; } .content-hide-tips .red { color: #ff3b41; } .content-hide-tips .pc-button { margin: 0 auto; text-align: center; } .content-hide-tips .pc-button .click-pay { color: #fff; display: inline-block; font-size: 11px; letter-spacing: 1px; line-height: 36px; outline: none; padding: 0 18px; text-align: center; position: relative; background: linear-gradient(90deg, #20a0ff, #20b8ff); box-shadow: 0 3px 5px rgba(32, 160, 255, .5); border-radius: 4px; cursor: pointer; } .content-hide-tips .pc-button .click-pay:hover { color: #fff; opacity: 0.8; } </style>
【更多示例】
-------------------------------前端示例--------------------------------

文檔最后更新時(shí)間:2025-04-22 11:29:16
未解決你的問(wèn)題?請(qǐng)到「問(wèn)答社區(qū)」反饋你遇到的問(wèn)題