feat:添加uni-ui；页面适配；切换城市；查看朋友圈列表

src/sheep/components/segmented/segmented.vue

@@ -4,7 +4,7 @@
     :style="segmentedWidth"
   >
     <view
-      class="relative z-10 flex-1 h-50rpx line-height-50rpx text-center text-sm font-500 active:text-color-theme"
+      class="relative z-10 flex-1 h-40rpx line-height-40rpx text-center text-xs font-500 active:text-color-theme"
       v-for="(item, index) in items"
       :key="item"
       :class="{ active: modelValue === index }"
@@ -38,15 +38,15 @@
   }>();
 
   const activeStyle = computed(() => {
-    const x = 50 * props.modelValue;
+    const x = 40 * props.modelValue;
     return {
-      width: `${50}px`,
+      width: `${40}px`,
       transform: `translate3d(${x}px, 0, 0)`,
     };
   });
 
   const segmentedWidth = computed(() => {
-    return { width: `${props.items.length * 50}px` };
+    return { width: `${props.items.length * 40}px` };
   });
 
   function segmentedItem(index: number) {