Container(
       margin: EdgeInsets.symmetric(horizontal: 30),
       decoration: BoxDecoration(
         image: DecorationImage(
           image: ImageUtil.getAssetImage('mall/mall_bg_timebg@3x',),
           fit: BoxFit.fill,
         ),
       ),
       child: Container(
         height: 65,
         padding: EdgeInsets.symmetric(vertical: 9),
         child: Column(
           children: <Widget>[
              Container(
               child: Text(
                 '${widget.entity.name}',
                 style: TextStyle(
                   color: Color(0XFF2B95E9),
                   fontSize: 14.0,
                   fontWeight: FontWeight.bold,
                 ),
                 // overflow: TextOverflow.ellipsis,
               ),
             ),
             Row(
               crossAxisAlignment: CrossAxisAlignment.center,
               mainAxisAlignment: MainAxisAlignment.center,
               children: <Widget>[
                 SizedBox(
                   width: 4.0,
                 ),
                 Container(
                   padding: EdgeInsets.all(2),
                   margin: EdgeInsets.symmetric(horizontal: 2),
                   decoration: BoxDecoration(
                     color: Color(0XFF2B95E9),
                     borderRadius: BorderRadius.all(Radius.circular(5.0)),
                   ),
                   child: Text('$hourString',
                       style: TextStyle(color: Colors.white, fontSize: 12)),
                 ),
                 Text(':',
                     style:
                         TextStyle(color: Color(0XFF2B95E9), fontSize: 16)),
                 Container(
                   padding: EdgeInsets.all(2),
                   margin: EdgeInsets.symmetric(horizontal: 2),
                   decoration: BoxDecoration(
                     color: Color(0XFF2B95E9),
                     borderRadius: BorderRadius.all(Radius.circular(5.0)),
                   ),
                   child: Text('$minuteString',
                       style: TextStyle(color: Colors.white, fontSize: 12)),
                 ),
                 Text(':',
                     style:
                         TextStyle(color: Color(0XFF2B95E9), fontSize: 16)),
                 Container(
                   padding: EdgeInsets.all(2),
                   margin: EdgeInsets.symmetric(horizontal: 2),
                   decoration: BoxDecoration(
                     color: Color(0XFF2B95E9),
                     borderRadius:
                         new BorderRadius.all(new Radius.circular(5.0)),
                   ),
                   child: Text('$secondString',
                       style: TextStyle(color: Colors.white, fontSize: 12)),
                 ),
               ],
             )
           ],
         ),
         
       ),
     );

在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐