textRight.vue 492 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <view class="text-right">
  3. <text>{{texts}}</text>
  4. <image class="text-icon" src="../../../static/mine/325.png" mode=""></image>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data(){
  10. return{}
  11. },
  12. props:{
  13. texts:{
  14. typeof:String,
  15. default:""
  16. }
  17. }
  18. }
  19. </script>
  20. <style scoped lang="scss">
  21. .text-right{
  22. display: flex;
  23. align-items: center;
  24. color: rgba(34, 34, 34, .5);
  25. font-size: 30rpx;
  26. .text-icon{
  27. height: 32rpx;
  28. width: 32rpx;
  29. }
  30. }
  31. </style>