w-ui-v1 1.0.34 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-ui-v1",
-  "version": "1.0.34",
+  "version": "1.0.35",
   "description": "w-ui",
   "author": "wgxshh",
   "license": "ISC",

package/w-add/w-add.vue

@@ -58,7 +58,7 @@ export default {
                 </wd-collapse-item>
             </wd-collapse>
             <view class="footer-button">
-                <wd-button block @click="handleSubmit" icon="save">保存</wd-button>
+                <wd-button :round="false" block @click="handleSubmit" icon="save">保存</wd-button>
             </view>
         </view>
         <wd-message-box />

package/w-card/w-card.vue

@@ -1,3 +1,11 @@
+<script lang="ts">
+//在自定义组件中使用 Wot Design Uni 组件时，需开启styleIsolation: 'shared'选项覆盖样式
+export default {
+  options: {
+    styleIsolation: 'shared'//使css :deep()生效
+  }
+}
+</script>
 <script setup lang="ts">
 import WFormMessageBox from '../w-form-message-box/w-form-message-box.vue'
 import {
@@ -210,7 +218,7 @@ const getTitleValue = (value: any, title: string) => {
 
 <template>
   <wd-card
-    :title="getTitleValue(visibleItems.find((item) => item.id === page.primaryColumn?.id), page.primaryColumn?.title) || ' '">
+    :title="getTitleValue(visibleItems.find((item) => item.id === page.primaryColumn?.id), page.primaryColumn?.title) || ' '" custom-title-class="card-title-class">
     <view class="table_collapse">
       <view v-for="(item, index) in visibleItems" :key="index" class="cloum">
 
@@ -245,7 +253,7 @@ const getTitleValue = (value: any, title: string) => {
             item.content }}</view>
         </view>
 
-        <view v-else-if="Array.isArray(item.content)">
+        <view v-else-if="Array.isArray(item.content)" class="value">
           <view v-for="(subItem, subIndex) in item.content" :key="subIndex">
             <text> {{ subItem.label }}</text>
           </view>
@@ -264,23 +272,23 @@ const getTitleValue = (value: any, title: string) => {
     </view>
     <template #footer>
       <view class="btns-box">
-        <wd-button size="small" class="btn" plain v-if="props.page.buttons.includes('detail')" @click="goto('detail')">
+        <wd-button :round="false" size="small" class="btn"  v-if="props.page.buttons.includes('detail')" @click="goto('detail')">
           详情
         </wd-button>
-        <wd-button type="warning" size="small" class="btn" plain v-if="props.page.buttons.includes('dtmplEdit')"
+        <wd-button :round="false" type="warning" size="small" class="btn"  v-if="props.page.buttons.includes('dtmplEdit')"
           @click="goto('edit')">
           编辑
         </wd-button>
-        <wd-button size="small" class="btn" plain type="error" @click="delerelation"
+        <wd-button :round="false" size="small" class="btn"  type="error" @click="delerelation"
           v-if="props.actionType === 'relation'">
           删除
         </wd-button>
-        <wd-button size="small" class="btn" plain type="error" @click="dele"
+        <wd-button :round="false" size="small" class="btn"  type="error" @click="dele"
           v-else-if="props.page.buttons.includes('singleDelete')">
           删除
         </wd-button>
-        <view v-if="moreBtns.length > 0">
-          <wd-button type='info' size="small" plain @click="showMoreButns = true">
+        <view :round="false" v-if="moreBtns.length > 0">
+          <wd-button :round="false" type='info' size="small"  @click="showMoreButns = true">
             更多
           </wd-button>
         </view>
@@ -307,9 +315,9 @@ const getTitleValue = (value: any, title: string) => {
     transition: all 0.3s ease;
     overflow: hidden;
     max-height: 100px;
-    color: #3e3e3edf;
+    color: #A6A6A6;
     // border-bottom: 1px solid #e8e5e5;
-    padding: 15rpx 10rpx;
+    padding: 8rpx 10rpx;
 
     .lable {
       white-space: nowrap;
@@ -357,9 +365,12 @@ const getTitleValue = (value: any, title: string) => {
   .link {
     color: #4d80f0;
   }
+ 
 
 }
-
+:deep(.card-title-class){
+    font-weight: 700 !important;
+  }
 .btn {
   margin-left: 10rpx;
 }

package/w-edit/w-edit.vue

@@ -61,7 +61,7 @@ export default {
                 </wd-collapse-item>
             </wd-collapse>
             <view class="footer-button">
-                <wd-button block @click="handleSubmit" icon="save">保存</wd-button>
+                <wd-button block @click="handleSubmit" icon="save" :round="false">保存</wd-button>
             </view>
         </view>
         <wd-message-box />

package/w-login/w-login.vue

@@ -77,39 +77,54 @@ function handleSubmit() {
 
 <template>
   <view class="login">
-    <WSwitchLang v-if="props.langSwitch" />
-    <view v-if="props.loginImge" class="avatar">
-      <wd-img width="200rpx" height="200rpx" :src="props.loginImge">
-        <template #error>
-          <view class="error-wrap">
-            <wd-icon name="image" size="200rpx" color="#ccc" />
-          </view>
-        </template>
-      </wd-img>
-    </view>
-
-    <wd-form ref="form" :model="model">
-      <wd-cell-group>
-        <wd-input v-model="model.username" label="用户名" label-width="100px" prop="username" clearable
-          placeholder="请输入用户名" :rules="[{ required: true, message: '请填写用户名' }]" />
-        <wd-input v-model="model.password" label="密码" label-width="100px" prop="password" show-password clearable
-          placeholder="请输入密码" :rules="[{ required: true, message: '请填写密码' }]" />
-      </wd-cell-group>
-      <view class="footer">
-        <wd-button type="primary" block @click="handleSubmit">
-          登录
-        </wd-button>
+    <view class="form-box">
+      <WSwitchLang v-if="props.langSwitch" />
+      <view v-if="props.loginImge" class="avatar">
+        <wd-img width="200rpx" height="200rpx" :src="props.loginImge">
+          <template #error>
+            <view class="error-wrap">
+              <wd-icon name="image" size="200rpx" color="#ccc" />
+            </view>
+          </template>
+        </wd-img>
       </view>
-    </wd-form>
+
+      <wd-form ref="form" :model="model">
+        <wd-cell-group border>
+          <wd-input v-model="model.username" label="用户名" label-width="100px" prop="username" clearable
+            placeholder="请输入用户名" :rules="[{ required: true, message: '请填写用户名' }]" />
+          <wd-input v-model="model.password" label="密码" label-width="100px" prop="password" show-password clearable
+            placeholder="请输入密码" :rules="[{ required: true, message: '请填写密码' }]" />
+        </wd-cell-group>
+        <view class="footer">
+          <wd-button type="primary" block :round="false" @click="handleSubmit">
+            登录
+          </wd-button>
+        </view>
+      </wd-form>
+    </view>
+    <image class="footer-img"  src="/static/智能12.png" ></image>
     <wd-toast />
   </view>
 </template>
 
 <style scoped lang="scss">
 .login {
-  background-color: #fff;
-
-  .lang {
+  height: calc(100vh - 44px);
+  position: relative;
+  //设置背景颜色#4d80f0 由上到下逐渐变浅
+  background: linear-gradient(to bottom, #4d80f0 30%, #2c5def 70%);
+  .form-box{
+    padding: 20rpx;
+    background-color: #fff;
+    border-radius: 8px;
+    z-index: 1;
+    position: absolute;
+    left: 50%;
+    top: 30%;
+    transform: translate(-50%, -50%);
+    width: 650rpx;
+   .lang {
     display: flex;
     justify-content: flex-end;
   }
@@ -122,5 +137,14 @@ function handleSubmit() {
   .footer {
     padding: 12px;
   }
+  }
+
+ 
+  .footer-img{
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+  }
 }
 </style>

package/w-menu/w-menu.vue

@@ -1,3 +1,11 @@
+<script lang="ts">
+//在自定义组件中使用 Wot Design Uni 组件时，需开启styleIsolation: 'shared'选项覆盖样式
+export default {
+  options: {
+    styleIsolation: 'shared'//使css :deep()生效
+  }
+}
+</script>
 <script setup lang="ts">
 import { cloneDeep } from 'lodash-es'
 import {
@@ -125,7 +133,8 @@ function queryList() {
     </template>
     <view>
       <view v-if="filtermenu.length > 0" class="menu-list">
-        <wd-card v-for="(item, index) in filtermenu" :key="index" :title="item.title">
+        <wd-card v-for="(item, index) in filtermenu" :key="index" :title="item.title"
+          custom-title-class="menu-title-class">
           <template #default>
             <wd-grid :column="4" :clickable="true">
               <wd-grid-item use-slot v-for="(subItem, subIndex) in item.items" :key="subIndex"
@@ -195,8 +204,13 @@ function queryList() {
 
 }
 
+:deep(.menu-title-class) {
+  font-weight: 700 !important;
+}
+
 .menu-list {
   padding: 12px 0 1px 0;
-  background-color: #F6F7FB;
+  // background-color: #F6F7FB;
+  background: linear-gradient(to top, #F6F7FB 80%, #2c5def 100%);
 }
 </style>