微信小程序的的跳转问题和view

怎么做出整个栏都能点,并能跳转,并不是只能点按钮跳转,还有怎么做出右边的">"的样子,求讲解,我正在开发小程序……但是是一个新手,希望大神讲解……

这是内个图片,不知道刚怎么没上传成功图片

div+css样式
一个div就是一栏

    用这个:   





        css:

.navigator {
padding: 10rpx 30rpx 10rpx 50rpx;
position: relative;
display: flex;
align-items: center;
}

.navigator-text {
flex: 1;
}
.navigator-line{
content: " ";
position: absolute;
left: 30rpx;
top: 0;
right: 30rpx;
height: 1px;
border-top: 1rpx solid #D8D8D8;
color: #D8D8D8;
}
.arrow{
/* display: none; */
width: 40rpx;
height: 40rpx;
background-image: url(http://b319.photo.store.qq.com/psb?/V14IAGUq4BL9vD/1DmqfsJnaNywn.gqGxDWyvnI6NY8iEBg0LjC*rdOi*c!/c/dD8BAAAAAAAA&bo=KgAYACoAGAADACU!&rf=mood_app);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}





没办法那段html体统没收了

图片说明