用css实现箭头标，代替> 符号

yvan.ni
1 parent 3eeb1a15
Showing 2 changed files with 13 additions and 2 deletions
components/diy_title/diy_title.wxml
components/diy_title/diy_title.wxss
@@ -19,7 +19,7 @@
                 <view class="font_right_rim">
                     <view class="caption" style='color:{{object.title_rightcolor}}'>{{object.title_right}}</view>
                 </view>
-                <view class="aa">></view>
+                <view class="aa"></view>
             </view>
         </view>
     </block>
@@ -5,6 +5,7 @@
   height: auto;
   display: flex;
   padding: 10rpx 0;
+  align-items: center;
 }
  
 /* 图片边框 */
@@ -43,7 +44,8 @@
 .right_rim {
   min-width: 200rpx;
   width: auto;
-  display: inline-block;
+  display: flex;
+  align-items: center;
 }
  
 /* 右侧文字边框 */
@@ -75,3 +77,12 @@
   vertical-align: top;
   margin-top: 12rpx
 }
+.aa::after{
+   content: '';
+   display: inline-block;
+   width: 25rpx;
+   height: 25rpx;
+   border-top:1rpx solid #aaa;
+   border-right: 1rpx solid #aaa;
+   transform: rotate(45deg);
+}