设计小程序横图时，可以采用以下几种方法：
使用媒体组件的全屏方法
小程序中的媒体组件通常提供全屏方法，并且可以通过设置`direction`参数为`landscape`来将小程序旋转90度横屏展示。这种方法简单直接，适合媒体内容展示，如视频、图片等。但缺点是这种方法只能用于媒体相关组件，并且全屏时会隐藏顶部导航栏的胶囊按钮。
计算加速度判断横屏
通过监听设备的加速度变化，计算设备的旋转角度，从而判断当前屏幕方向。这种方法可以更灵活地处理不同场景下的横屏展示，但实现起来较为复杂，需要编写额外的代码来处理加速度数据。
使用CSS样式
可以通过在`wxss`文件中定义样式来实现横线效果。例如，定义一个`.hr`类，在`wxml`文件中使用`div`元素并设置该类，然后在`wxss`文件中添加样式`.hr{height:1px；border:none；border-top:1px solid ccc；margin:20rpx 0；}`，这样就能在小程序页面上显示一条横线。
使用图片
另一种方式是用一张1px像素的图片作为横线，然后将该图片嵌入到小程序页面中。在`wxml`文件中添加一个`img`标签，并把`src`属性指向该像素图。这种方式需要额外请求图片资源，对于网络环境较差的用户来说可能会有些影响。
使用原生组件canvas
小程序提供了原生组件`canvas`，可以通过使用`canvas`绘制一条横线来实现效果。在`wxml`文件中添加一个`canvas`标签，并设置宽高以及绘制内容，然后在对应的`js`文件中调用`canvas`的API绘制横线。
配置页面方向
可以在`page.json`中配置页面方向为横屏，例如`"pageOrientation":"landscape"`。同时，如果需要在进入页面时强制横屏，可以在`manifest.json`中配置`screenOrientation`，并在页面加载时使用`plus.screen.lockOrientation（'landscape-primary'）`来锁定屏幕方向。
根据具体需求和场景，可以选择合适的方法来实现小程序的横图设计。如果主要展示媒体内容，使用媒体组件的全屏方法最为简便；如果需要更灵活的横屏判断和处理，可以考虑计算加速度的方法；而对于简单的横线展示，使用CSS样式或图片方法则更为快捷。