如何动态更改屏幕视图中的.volt值
如何动态更改屏幕视图中的.volt值
提问于 2022-08-06 13:38:19
我正在使用phalcon，.volt模板
我正在从数据库获得一些数据(可预见性)。Svg有一条线，从0行开始，到30行完成。另一条线是画在第一条线上，它应该显示一些可预见性。
我的问题是它在小屏幕上不好看，我需要改变(只用于移动观看30到20)。
我知道php本身无法以javascript (window.innerWidth)的形式检测屏幕大小；
<svg >
<line x1="0" y1="0" x2="30" y2="0" />
<line x1="0" y1="0" x2="{{ predictability * 30 / 100 }}" y2="0"/>
</svg>是否有可能以某种方式将JS集成到.volt并动态更改固定的数字30？
回答 1
Stack Overflow用户
发布于 2022-08-08 19:40:30
你可以让他们一起工作。假设您在Phalcon中使用Micro，并且定义了view服务：
- 在路由器中创建路径： $app->get('/view/home2/{size}'，function ( $size ) use ($app) ){ echo $app->视图->呈现(‘index/Home2’，'svgWidth‘=> $size )；}；
- 创建视图‘/index/home2 2’：
在您的“索引/主页”页面中，开头：
<script>
let url = window.innerWidth < 999 ? '/view/index/15' : '/view/index/30'; //or set a switch with more options for predictability value
window.location.replace(url);
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73260246
复制相关文章
相似问题
腾讯云开发者
