9.20界面

frontend/unpackage/dist/dev/app-plus/pages/product/categories.css

@@ -0,0 +1,15 @@
+
+.page { display:flex; flex-direction: column; height: 100vh;
+}
+.toolbar { display:flex; gap: 0.375rem; padding: 0.5rem; background:#fff;
+}
+.toolbar uni-input { flex:1; background:#f6f6f6; border-radius: 0.375rem; padding: 0.375rem;
+}
+.list { flex:1;
+}
+.item { display:flex; gap: 0.375rem; align-items:center; padding: 0.5rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
+}
+.item uni-input { flex:1; background:#f7f7f7; border-radius: 0.3125rem; padding: 0.375rem;
+}
+.ops { display:flex; gap: 0.3125rem;
+}

frontend/unpackage/dist/dev/app-plus/pages/product/form.css

@@ -0,0 +1,33 @@
+
+.uploader[data-v-7bd1ddd2] { padding: 0.375rem; background: #fff;
+}
+.grid[data-v-7bd1ddd2] { position: relative;
+}
+.area[data-v-7bd1ddd2] { width: 100%; position: relative;
+}
+.cell[data-v-7bd1ddd2] { position: absolute; border-radius: 0.375rem; overflow: hidden; box-shadow: 0 0 0.03125rem rgba(0,0,0,0.08);
+}
+.thumb[data-v-7bd1ddd2] { width: 100%; height: 100%;
+}
+.remove[data-v-7bd1ddd2] { position: absolute; right: 0.1875rem; top: 0.1875rem; background: rgba(0,0,0,0.45); color: #fff; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; border-radius: 0.625rem; font-size: 0.875rem;
+}
+.adder[data-v-7bd1ddd2] { width: 6.5625rem; height: 6.5625rem; border: 0.0625rem dashed #ccc; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; color: #999; position: absolute; left: 0; top: 0;
+}
+
+
+.page { background:#f6f6f6; height: 100vh;
+}
+.card { background:#fff; margin: 0.5rem; padding: 0.5rem; border-radius: 0.375rem;
+}
+.row { display:flex; gap: 0.375rem; align-items: center; margin-bottom: 0.375rem;
+}
+.label { width: 5.625rem; color:#666;
+}
+.row uni-input { flex:1; background:#f7f7f7; border-radius: 0.3125rem; padding: 0.375rem;
+}
+.picker { padding: 0.25rem 0.375rem; background:#f0f0f0; border-radius: 0.3125rem; color:#666; margin-left: 0.25rem;
+}
+.prices uni-input { width: 30%;
+}
+.fixed { position: fixed; left: 0; right: 0; bottom: 0; background:#fff; padding: 0.375rem 0.5rem; display:flex; gap: 0.5rem;
+}

frontend/unpackage/dist/dev/app-plus/pages/product/list.css

@@ -0,0 +1,33 @@
+
+.page { display:flex; flex-direction: column; height: 100vh;
+}
+.tabs { display:flex; background:#fff;
+}
+.tab { flex:1; text-align:center; padding: 0.625rem 0; color:#666;
+}
+.tab.active { color:#18b566; font-weight: 600;
+}
+.search { display:flex; gap: 0.375rem; padding: 0.5rem; background:#fff; align-items: center;
+}
+.search uni-input { flex:1; background:#f6f6f6; border-radius: 0.375rem; padding: 0.375rem;
+}
+.picker { padding: 0.25rem 0.375rem; background:#f0f0f0; border-radius: 0.3125rem; color:#666;
+}
+.list { flex:1;
+}
+.item { display:flex; padding: 0.625rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
+}
+.thumb { width: 3.75rem; height: 3.75rem; border-radius: 0.375rem; margin-right: 0.5rem; background:#fafafa;
+}
+.content { flex:1;
+}
+.name { color:#333; margin-bottom: 0.1875rem; font-weight: 600;
+}
+.meta { color:#888; font-size: 0.75rem;
+}
+.price { margin-left: 0.625rem; color:#f60;
+}
+.empty { height: 60vh; display:flex; align-items:center; justify-content:center; color:#999;
+}
+.fab { position: fixed; right: 0.9375rem; bottom: 3.75rem; width: 3.125rem; height: 3.125rem; background:#18b566; color:#fff; border-radius: 1.5625rem; text-align:center; line-height: 3.125rem; font-size: 1.5rem; box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,0.15);
+}

frontend/unpackage/dist/dev/app-plus/pages/product/select.css

@@ -0,0 +1,15 @@
+
+.page { display:flex; flex-direction: column; height: 100vh;
+}
+.search { display:flex; gap: 0.375rem; padding: 0.5rem; background:#fff;
+}
+.search uni-input { flex:1; background:#f6f6f6; border-radius: 0.375rem; padding: 0.375rem;
+}
+.list { flex:1;
+}
+.item { padding: 0.625rem 0.75rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
+}
+.name { color:#333; margin-bottom: 0.1875rem;
+}
+.meta { color:#888; font-size: 0.75rem;
+}

frontend/unpackage/dist/dev/app-plus/pages/product/settings.css

@@ -0,0 +1,5 @@
+
+.page { background:#fff;
+}
+.item { display:flex; justify-content: space-between; align-items:center; padding: 0.625rem; border-bottom: 0.03125rem solid #f1f1f1;
+}

frontend/unpackage/dist/dev/app-plus/pages/product/units.css

@@ -0,0 +1,15 @@
+
+.page { display:flex; flex-direction: column; height: 100vh;
+}
+.toolbar { display:flex; gap: 0.375rem; padding: 0.5rem; background:#fff;
+}
+.toolbar uni-input { flex:1; background:#f6f6f6; border-radius: 0.375rem; padding: 0.375rem;
+}
+.list { flex:1;
+}
+.item { display:flex; gap: 0.375rem; align-items:center; padding: 0.5rem; background:#fff; border-bottom: 0.03125rem solid #f1f1f1;
+}
+.item uni-input { flex:1; background:#f7f7f7; border-radius: 0.3125rem; padding: 0.375rem;
+}
+.ops { display:flex; gap: 0.3125rem;
+}