在微信小程序中绘制横线，你可以采用以下几种方法：
使用CSS样式
通过在`wxss`文件中定义样式来实现横线效果。首先，在`wxss`文件中创建一个类，例如`.hr`，然后在该类中设置`height`为`1px`，`border`为`none`，`border-top`为`1px solid ccc`，并添加一些`margin`来调整位置。接着，在`wxml`文件中添加一个`div`元素，并将该元素的`class`设为`hr`。这样就能在小程序页面上显示横线了。
```css
.hr {
height: 1px；
border: none；
border-top: 1px solid ccc；
margin: 20rpx 0；
}
```
使用图片
另一种方式是用一张像素大小为`1px`的图片作为横线，然后将该图片嵌入到小程序页面中。在`wxml`文件中添加一个`img`标签，并把`src`属性指向该像素图即可。不过这种方式需要额外请求图片资源，对于网络环境较差的用户来说可能会有些影响。
```html
```
使用原生组件`canvas`
小程序提供了原生组件`canvas`，我们可以通过使用`canvas`绘制一条横线来实现效果。在`wxml`文件中添加一个`canvas`标签，并设置宽高以及绘制内容。然后，在对应的`js`文件中调用`canvas`的API绘制横线。
```html
```
总结
以上是几种在微信小程序中绘制横线的方法，你可以根据自己的需求和项目情况选择合适的方法。使用CSS样式是最简单快捷的方式，而使用`canvas`组件则提供了更多的自定义能力。如果需要更复杂的图形或动画效果，可能需要考虑使用第三方库或组件。
