+
)
}
diff --git a/src/css/shoopcart.css b/src/css/shoopcart.css
new file mode 100644
index 0000000..9f546d0
--- /dev/null
+++ b/src/css/shoopcart.css
@@ -0,0 +1,163 @@
+.top {
+ width: 100%;
+ height: 58px;
+ background-color: #1ba4f0;
+ color: white;
+ line-height: 80px;
+ font-size: 16px;
+ text-align: center;
+ position: relative;
+}
+
+.topOneSpan {
+ position: relative;
+ left: -110px;
+}
+
+tr {
+ border-top: 1px;
+ margin-top: 20px;
+}
+
+.imgs {
+ width: 100px;
+ height: 100px;
+ border: 1px solid #ccc;
+ flex: 3;
+}
+
+.aa {
+ width: 100%;
+ background-color: #f5f5f5;
+ border-radius: 10px 10px 0px 0px;
+ z-index: 100;
+}
+
+h3 {
+ text-align: right;
+}
+
+.a1 {
+ margin-top: 10px;
+
+}
+
+.a2 {
+ position: relative;
+}
+
+.xiang {
+ position: absolute;
+ top: 36px;
+ left: 8%;
+ z-index: 1;
+}
+
+.bb {
+ margin: 15px;
+ padding-top: 11px;
+ font-size: 17px;
+}
+
+.maxbox {
+ display: flex;
+ width: 90%;
+ margin-left: 5%;
+ background-color: white;
+ border-radius: 10px 10px 10px 10px;
+ border-bottom: 1px;
+ padding-bottom: 20px;
+}
+
+.radios {
+ flex: 1;
+
+}
+
+.texts {
+ flex: 7;
+ margin: 10px;
+ width: 10px;
+}
+.rv-button__text{
+ font-size: 17px;
+}
+.rv-button--primary{
+ color: black;
+ background: #f5f5f5;
+ border: 0px;
+}
+.bodya{
+ background-color: #1ba4f0;
+}
+
+.button {
+ margin-bottom: 100px;
+}
+
+.ding {
+ width: 100%;
+ background-color: white;
+ height: 50px;
+ position: fixed;
+ bottom: 50px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 1000;
+}
+
+.wei {
+ font-size: 15px;
+ margin-left: 20px;
+}
+
+.reds {
+ color: red;
+}
+
+.fukuan {
+ width: 100px;
+ height: 30px;
+ background-color: rgb(238, 80, 12);
+ border: 0px;
+ color: white;
+ border-radius: 25px;
+ margin-right: 10px;
+ font-size: 15px;
+ font-weight: 900;
+}
+.xuan{
+ border: 1px solid red;
+ padding: 5px;
+}
+.rv-product-card {
+ width: 90%;
+ margin-left: 5%;
+ border-radius: 10px;
+}
+.lan{
+ color: rgb(62, 173, 242);
+}
+.cheng{
+ color: rgb(241, 179, 104);
+}
+.rv-product-card__price-currency{
+ color: red;
+}
+.rv-product-card__price-integer{
+ color: red;
+}
+.rv-product-card__title{
+ margin-bottom: 3px;
+ margin-top: 12px;
+ font-size: 14px;
+ font-weight: 700;
+}
+.rv-product-card{
+ background-color: #ffffff;
+}
+.rv-checkbox__icon--checked .rv-icon{
+ background-color: #1ba4f0;
+ border-color: #1ba4f0;
+}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index ccf497f..6c164ae 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,7 +7,7 @@ import {RouterProvider} from "react-router-dom"
import {Provider} from "react-redux"
import router from "./router"
import store from "./store"
-
+import '@nutui/nutui-react/dist/style.css'
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
+ 购物车
+
+
+
+
+
+ setFlag(1)}>编辑
+ {
+ let res = await axios.delete(`/delAll/${uniqueArray}`)
+ if (res.data.code === 200) {
+ axios.get('/commo').then(res => {
+ console.log(res.data.data);
+ console.log(res.data.num);
+ setlist(res.data.data)
+ setNums(res.data.num)
+ setischeednum(res.data.inchekednum)
+ })
+ }
+ }}>删除/ setFlag(0)}>完成
+
+
+ {list.map((item) => {
+ return
+
+
+
+
+
+ {
+ setchecked(item)
+ if (item.ischaceked === true) {
+ setDelAll([...delArr, item._id])
+ } else {
+ delArr.pop(item._id)
+ }
+ }} className='xiang' iconSize='15px' >
+
+
+
+
+
+ 售后保障
+
+
+ 假一赔十
+
+
+ }
+ />
+
+ })}
+
+ 合计：￥{nums}
+ <>
+
+
+
+ {paymentImg.map((item, index) => {
+ return 
{
+ setxuan(index)
+ }
+ }>
+ })}
+
+
+
+
+
+
+
+