小程序给循环的数组中在某个位置中插入两边横线，中间文字的效果

理清需求

1.在获取到需要循环的数组list时，找到那个特定位置，也就是她在整个位置中的下标，
比如list里面的日期和当天日期进行一个判断，返回符合条件的下标。
2.将下标设置为全局属性，然后再页面中判断下标和那个变量相等时才显示。

wx.xml

//判断显示时的条件
 <view wx:if="{{index==showDown}}" class="DayMessage">已经阅读完当天信息</view>

wx.css

.DayMessage{
  text-align: center;
  font-size: 14px;
  color: #76777a;
  margin: 20px;
  position: relative;
}
.DayMessage:after,
.DayMessage:before{
  content: '';
  border-top: 2px solid #E8E8E8;  /* 上边框  */
  display: block;
  position: absolute;
  width: 20%;
  top: 34%; 
}

.DayMessage:before{
  left: 5%;
}
.DayMessage:after{
  right: 5%;
}

注意：
如果得到时间是“2020-7-8”，想要变成‘2020-07-08’
使用字符串补全方法：
头部补全，padstart()
‘1’.padstart(2,0)
‘x’.padStart(5, ‘ab’) // ‘ababx’
尾部补全：padEnd()
‘x’.padEnd(5, ‘ab’) // ‘xabab’