scroll

Documentation

Overview

templ: version: v0.2.793

templ: version: v0.2.793

templ: version: v0.2.793

Index

• func Handler(c *gin.Context)
• func InsertData(bookData any, stateData any) templ.Component
• func InsertRawJSONScript(data string) templ.Component
• func ScrollDrawerSlot() templ.Component
• func ScrollMainArea(s *state.GlobalState, book *entity.Book) templ.Component
• func ScrollPage(c *gin.Context, s *state.GlobalState, book *entity.Book) templ.Component

Functions

func Handler

func Handler(c *gin.Context)

Handler 阅读界面（卷轴模式）

func InsertData

func InsertData(bookData any, stateData any) templ.Component

func InsertRawJSONScript

func InsertRawJSONScript(data string) templ.Component

func ScrollDrawerSlot

func ScrollDrawerSlot() templ.Component

卷轴阅读，侧栏设置slot

func ScrollMainArea

func ScrollMainArea(s *state.GlobalState, book *entity.Book) templ.Component

ScrollMainArea 定义 BodyHTML 需要更复杂的屏幕状态判断的时候，可以参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Screen/orientation orientation: (screen.orientation || {}).type || screen.mozOrientation || screen.msOrientation tips：hx-get 用于获取图片的URL，hx-trigger 用于触发加载，hx-swap 用于替换元素，innerHTML默认值，将内容放在目标元素内 outerHTML用返回的内容替换整个目标元素 hx-target 用于指定目标元素 https://htmx.org/docs/#triggers https://htmx.org/docs/#swapping tips： Alpine.js 动态CSS，只支持内联写法

func ScrollPage

func ScrollPage(c *gin.Context, s *state.GlobalState, book *entity.Book) templ.Component

ScrollPage 定义 BodyHTML